site header checklist

Accessibility

Branding and Design

Navigation

  • Use clear and descriptive labels for navigation links
  • Organize navigation options logically
  • Avoid using ambiguous or confusing icons for navigation
  • Ensure navigation options are visible and easy to locate
  • Review the website's sitemap or navigation structure to identify all main navigation links
  • Click on each main navigation link to ensure it leads to the correct page
  • Ensure dropdown menus are triggered by hover or click events
  • Verify that dropdown menus are easy to navigate and do not disappear too quickly
  • Test the accessibility of dropdown menus using keyboard navigation
  • View the website on various mobile devices to check if the navigation adjusts properly
  • Ensure that the navigation is easy to use and accessible on smaller screens
  • Check that the active page or section is visually highlighted in the navigation
  • Ensure that the highlighting method is consistent and easily distinguishable
  • Check that the navigation bar appears in the same location on every page
  • Verify that the styling and layout of the navigation bar remain consistent
  • Click on each navigation link to ensure it leads to the intended page
  • Verify that links open in the same window or tab, unless otherwise specified
  • Test the navigation menu on popular web browsers (e.g. Chrome, Firefox, Safari, Edge)
  • Verify that the menu displays correctly without any layout or functionality issues
  • Navigate through the website using the tab key to ensure all navigation elements can be reached
  • Verify that the tab order follows a logical sequence and is consistent
  • Test the navigation menu using only keyboard navigation (e.g. arrow keys, Enter, Tab)
  • Ensure that all navigation options and dropdown menus can be accessed and used without a mouse
  • Use a screen reader tool to navigate through the website and listen to the navigation options
  • Verify that the screen reader accurately announces the navigation links and dropdown menus
  • Ensure that the navigation bar has proper contrast and is easy to read for users with visual impairments
  • Test the navigation using assistive technologies (e.g. screen reader, keyboard-only navigation)

Functionality

Performance and Optimization

Security

Related Checklists