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

Prevent inline SVGs from being focusable #774

Merged
merged 2 commits into from
Jun 7, 2018
Merged

Conversation

36degrees
Copy link
Contributor

@36degrees 36degrees commented Jun 7, 2018

Remove the inline SVGs from the header and header from the tab order in Internet Explorer so that focus order is logical when using a keyboard to navigate through the page.

https://trello.com/c/M5zdFlPS/1100-dac-audit-navigation-interactive-elements

Header

Before

header-before

After

header-after

Footer

Before

footer-before

After

footer-after

See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4 for more details

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-review-pr-774 June 7, 2018 14:58 Inactive
Copy link
Contributor

@NickColley NickColley left a comment

Choose a reason for hiding this comment

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

Today I learnt about focusable=false 👍

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.

4 participants