Navigation Bar
Purpose
The navigation provides a consistent and intuitive way for users to navigate the website. It should be used at the top of all pages.
Example
See the Pen Untitled by Johanna (@jsneedhi) on CodePen.
Code
Usage
- The navigation bar must be included on all pages.
- The navigation items should remain constant across all pages.
- The navigation bar must stay at the top of the viewport.
- The navigation logo must be linked to the homepage.
Accessibility Considerations
- All navigation items should be focusable and can be accessed using keyboard navigation.
- Provide clear focus indicators to show the currently selected item.
- Add logical tab order that follows the visual order of the navigation items. Do not place items out of sequence.
