search

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

The focus indicator does not display properly for some of the headings in the navigation menu #114

Closed jakubmiarka closed 4 years ago

jakubmiarka commented 5 years ago

Under certain circumstances* the headings in the sidebar (which are collapsible) are not wrapped within <span> causing the heading not to be highlighted when focused/tabbing through. Failing the WCAG 2.1. success criterion 2.4.7 (focus visible).

See the example here.

*I think it's the combination of the toc_level config and a use of nested pages

This fails WCAG 2.1 success criterion 2.4.7 (focus visible).

NickColley commented 4 years ago

Can reproduce this on the tech docs template website too: https://tdt-documentation.london.cloudapps.digital/#technical-documentation-template