Example · Beginner
Accessible site navigation
A compact primary navigation pattern built with ordinary anchors, a named region, source order, and visible focus.
- Author
- Editorial team
- Reviewer
- Publication review pending
- Review tier
- 180-day
What this demonstrates
The pattern uses real links inside a nav region. It does not apply desktop
application menu roles to ordinary site navigation.
Keyboard notes
Tab follows source order. Enter follows a link. Focus remains visible against the page background. No script is needed for the displayed layout.
Common extension risk
A small-screen toggle must be a button with an accurate expanded state. Hidden links must not remain keyboard reachable.
License
The example is available for reuse under the project’s published terms.