ARIA

Roles, states, properties, and authoring patterns for accessible rich Web content.

• ARIA combobox pattern

  The combobox pattern combines a single-line text input with a popup listbox, tree, grid, or dialog. The 1.2 spec requires aria-expanded, aria-controls, and either aria-activedescendant or focus-managed selection.

• ARIA landmark roles and structure

  Landmark roles let assistive-technology users navigate a page by region: banner, main, navigation, complementary, contentinfo, search, form, region. Most have native HTML equivalents.

• ARIA roles: a vocabulary for assistive technology

  ARIA roles describe what an element is to assistive technology. Native HTML elements come with implicit roles; ARIA lets authors declare a role explicitly for custom widgets.

• ARIA states and properties

  ARIA states (such as aria-checked) and properties (such as aria-label) carry the dynamic and static metadata of a widget. Authors of any non-native widget must update them as the user interacts.