Skip to main content


Our team carefully studied and adhered to Web Content Accessibility Guidelines 2.1 and WAI-ARIA Authoring Practices 1.1 when designing this Hook. Here are some facets of accessibility that are handled automatically:

  • Careful following of the best practices for menus (WAI-ARIA: 3.15)
    • The only deviation is that the first menu item is only focused when the menu is revealed via the keyboard (see why)
  • Strict adherence to the best practices for menu buttons (WAI-ARIA: 3.16)
  • Full keyboard accessibility (WCAG: 2.1)
  • Use of ARIA properties and roles to establish relationships amongst elements (WCAG: 1.3.1)
  • Use of roles to identify the purpose of different parts of the menu (WCAG: 1.3.6)
  • Focusable components receive focus in an order that preserves meaning and operability (WCAG: 2.4.3)
  • Appears and operates in predictable ways (WCAG: 3.2)

For more details, see this comment on GitHub.