Learn how to write for UI navigation in the Content Style Guide.
Best practices
General
- Use a global search mechanism or other secondary means of navigation.
- Ensure each input has a tab stop and the tab order is logical. Use tabindex to specify order if required.
- Make tree controls accessible using arrow keys.
- Provide alternatives for any mouse-driven functionality, such as drag and drop file uploading
Pages
- Place navigation items in the same place and in the same relative order on all pages.
- Use descriptive titles for pages marked up with the element.
- Dynamically generate page titles where appropriate.
- Use the same labels for elements with the same functionality.
Skip links
- Place skip navigation links in the same place on all pages.
- Make skip navigation links visible for all users, not just those with screen readers, so anyone can skip navigation and go straight to the page content.