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

Reorder screen-reader title for icons in navigation header #3226

Merged
merged 3 commits into from
Nov 30, 2022
Merged

Reorder screen-reader title for icons in navigation header #3226

merged 3 commits into from
Nov 30, 2022

Conversation

MikeMcC399
Copy link
Contributor

@MikeMcC399 MikeMcC399 commented Nov 18, 2022

This PR resolves the issue #3225 "Incorrect placing of screen-reader text in navigation"

For icons in the navigation header it moves the screen reader text outside of the <svg> container so that valid HTML is generated by changing
src/partials/navlist-item.html

Verification

Run https://validator.w3.org on https://www.coronawarn.app/en/ and check that the following errors are no longer shown:

  • "HTML start tag span in a foreign namespace context."
  • "Stray end tag svg"

Copy link
Member

@brianebeling brianebeling left a comment

Choose a reason for hiding this comment

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

Awesome find. Thanks!

@brianebeling brianebeling self-assigned this Nov 22, 2022
@brianebeling brianebeling added the bug Something isn't working label Nov 22, 2022
@brianebeling brianebeling linked an issue Nov 22, 2022 that may be closed by this pull request
@brianebeling brianebeling merged commit cd6b3e4 into corona-warn-app:master Nov 30, 2022
@MikeMcC399 MikeMcC399 deleted the fix/icon-screenreader branch November 30, 2022 06:44
@MikeMcC399
Copy link
Contributor Author

I checked that the validator no longer shows the related error messages and that the screen reader continues to read out the text for the sign language and simple language icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Incorrect placing of screen-reader text in navigation
2 participants