Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Focus indicators are important for keyboard users to navigate around the website, without them it is very difficult or impossible to know where they are on the page.
This change removes the styles that prevent focus indicators being shown and bring them inline with the rest of the website e.g. blog page.
Ideally we've have some sort of design system where we have considered focus styles that work at a component level but this is the minimum to make things consistent and remove a big barrier.
This resolves issues related to Focus Visible (Level AA), Focus Appearance (Level AAA), Non-text Contrast (Level AA).
Relevant failure example which mirrors the issue we see in our project:
Failure of Success Criterion 1.4.11, 2.4.7 and 2.4.13 due to styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator
As part of #3591
Screenshots
Before
After
Focus indicators will be the default for the operating system and browser, here's how it looks on Ubuntu Firefox. This is consistent with the majority of the website.
Note that for some browsers focus styles will only appear when using the keyboard when using the default focus styles, following this up with custom focus indicators in the future may be an opportunity to add them to people using pointer devices as well e.g. a mouse.