Page MenuHomePhabricator

Allow screenreader users to navigate to the TOC using headings when the TOC is in a dropdown
Open, MediumPublic

Description

Description

The TOC is automatically moved into a dropdown on smaller viewports. Screenreader users will not know anything has changed, and will expect to be able to navigate to the TOC the same. T324505 ensures screenreader users can use nav landmark regardless of the TOC location, this task is for doing the same with the h2.

AC

  • The TOC heading is available to screenreaders when the TOC is pinned, unpinned in page title, or unpinned in sticky header
  • No visual changes

Developer notes

Currently the h2 is inside the TOC, so it is hidden inside the dropdown. In this task we should move the h2 outside of the TOC to be a child of the nav element, and we should hide it visually.