Apex 4X Technical Style Guide

ARIA Combobox (Simulated, Readonly Multiselect)

Select all of the languages that you speak, or want to speak.

Select Languages

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 the Spacebar to toggle the checked state of specific 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 toggle the checked state, then click the combobox field once again to save the selection and close the dropdown.