Focused links can be covered by the table of contents button on mobile - Githubissues

alphagov / tech-docs-gem

Gem to distribute the tech docs project

https://tdt-documentation.london.cloudapps.digital/

MIT License

15 stars 38 forks source link

Focused links can be covered by the table of contents button on mobile #356

Closed tombye closed 2 months ago

tombye commented 2 months ago

What should change

The table of contents button should be changed for smaller screens so it can't overlap links when they are focused.

User need

If you rely on the keyboard, you need to see what's in focus at all times. If a link gets hidden, it also breaks success criterion 2.4.11, Focus not obscured (minimum) and success criterion 2.4.12, Focus not obscured (enhanced).

For example, see the link to the 'GOV.UK kubernetes manual' on https://docs.publishing.service.gov.uk/ receiving focus while hidden:

mobile_tech_docs_template_focus_obscured_fail

tombye commented 2 months ago

We added a fix for this in https://github.com/alphagov/tech-docs-gem/pull/360 so I'm marking this as closed.