mi6
Categorize components to reduce list of links in left-hand navigation
Summary
From a11y testing sessions with SR it was observed that the number of links in the left hand navigation is currently at 34, with more soon to be added. This makes it difficult to navigate through them all to find a single page.
Categorizing the pages into groups (e.g Input components, messaging components) could make it simpler to navigate.
💬 Description
Explore what categorizations make sense and test them with community. Need to explore whether categorisation could negatively impact the discoverability of the pages if the categorisations are not clear.
💰 Use value
Makes it easier for users of assistive technology to find a specific page in long complex navigation lists.
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given that the left hand nav exists on the component page When viewing the list of links Then some categorisation is used to group pages into categories.
Given that the left hand nav exists on the component page When navigating the list of links with a SR Then groupings are announced and can be quickly navigated between using a shortcut.
Given that the left hand nav exists on the component page When navigating the list of links with a SR Then the whole navigation component (incl. all groups) can be skipped using a shortcut.
✏ Designs
If there's a Figma design file (or other mock-up), include it here.
## 🧾 Guidance If there's written guidance or documentation, include a link to it here.
Additional info
Tell us anything else useful to help us understand your suggestion.
