Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Convert URL encoded images to inline SVGs with fa-icon #303

Merged
merged 11 commits into from
Apr 9, 2024

Conversation

ikreymer
Copy link
Member

@ikreymer ikreymer commented Apr 9, 2024

Avoid data: URL loading and just inject SVG inline

@ikreymer ikreymer requested a review from Shrinks99 April 9, 2024 15:57
Copy link
Member

@Shrinks99 Shrinks99 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Neat! I assume we should also replace the ones in embed-receipt.ts and loader.ts with this method?

src/appmain.ts Outdated Show resolved Hide resolved
src/appmain.ts Outdated Show resolved Hide resolved
ikreymer and others added 6 commits April 9, 2024 10:17
At some point these got changed but the icons are remaining at the root directory.
- Removes span element
- Adds aria-label to link to describe it
- Makes the logo invisible to screen readers

Tested with Voiceover
- Updates aria labels with improved descriptions

Tested in Voiceover
@Shrinks99 Shrinks99 changed the title Logo: convert to inline svg Convert URL encoded images to inline SVGs with fa-icon Apr 9, 2024
@Shrinks99
Copy link
Member

Shrinks99 commented Apr 9, 2024

Fixed the rest of them, added a few accessibility changes for better & quicker navigation of these images. Some are hidden, others are given discrete labels based on the context

  • Changed embed receipt logo link so it leads to replayweb.page instead of the GitHub source code. The link labeled "source code" still points to that.
  • Fixes the favicon links. They were changed at some point, but favicons are remaining in the root dir.

@ikreymer ikreymer merged commit 858f9d6 into dev-2.0.0 Apr 9, 2024
6 checks passed
@ikreymer ikreymer deleted the logo-icon-inline branch April 9, 2024 22:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants