WhatSock : Changing the world one step at a time AccDC Technical Style Guide

ARIA Combobox (Simulated, Readonly)

Some random page with a language selector

The Language field is a readonly ARIA Combobox widget that uses simulated button markup.

The simulated combobox is optimized for screen reader and keyboard only users:

  • Click the Language button to open the combobox control.
  • Within the combobox, press the Down arrow to navigate into the dropdown and use the Up and Down arrow keys to navigate available options.
  • Press any letter or number within a readonly field to jump to an option starting with that character or digit.
  • Press Enter or Alt+Up to close the dropdown and save the selection.
  • To cancel, press Escape, Tab or Shift+Tab to close the dropdown.
  • Sighted mouse users can click the desired option to save the selection and close the dropdown.