guideline: Navigable
Help users find their way and know where they are in the website.
2.4.1 Bypass Blocks
‘Skip links’ are available for keyboard users to jump past navigation.
2.4.10 Section Headings
Headings are used to group distinct sections on a page.
2.4.11 Focus Not Obscured (Minimum)
The keyboard focus is not completely hidden by other content.
2.4.12 Focus Not Obscured (Enhanced)
The keyboard focus is fully visible at all times.
2.4.13 Focus Appearance
Focus indicators are at least 2px thick and have a 3:1 contrast ratio against adjacent colors.
2.4.2 Page Titled
Each page has a unique title element that describes what’s on that page.
2.4.3 Focus Order
When a keyboard user tabs through a page, the order goes from top to bottom and left to right, as you would read the page.
2.4.4 Link Purpose (In Context)
A link’s destination should be clear from either the link text itself or the surrounding sentence context.
2.4.5 Multiple Ways
Header navigation is not the only way to get around a website; there’s another way, such as on-page links, a sitemap, or a site-wide search.
2.4.6 Headings and Labels
Headings are descriptive of the content that they contain, form labels clearly describe what information is required, and buttons inform the user what will happen when they’re pressed.