Skip to main content

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index] [List Home]
[orion-dev] Web Accessibility Tip of the Day: Tip #2

Tip #2: Adding or augmenting the semantics of HTML elements with WAI-ARIA*

You can fine-tune the semantics of HTML elements by adding ARIA roles, states, and properties in order to make them more accessible.
The ARIA Authoring Practices "Design Patterns" table specifies the expected keyboard interaction and ARIA roles, states, and properties you should use to implement many common design patterns:
http://www.w3.org/WAI/PF/aria-practices/#aria_ex

Take a look at the list of design pattern names (37 as of this writing) and then look at a couple of them in detail, for example, menubutton and menu:
http://www.w3.org/WAI/PF/aria-practices/#menubutton
http://www.w3.org/WAI/PF/aria-practices/#menu

* WAI-ARIA: Web Accessibility Initiative - Accessible Rich Internet Applications

Back to the top