Interface Description Language (IDL): Setting Roles, Properties and States
In addition to using in-line HTML code and the setAttribute and getAttribute DOM methods for setting ARIA roles, properties and states, new DOM properties will also be available through the IDL Interface requirements defined in ARIA 1.2 Candidate Recommendation.
Setting ARIA Role
| Role |
tablist |
| Inline |
<div role="tablist"> |
| setAttribute |
e.setAttribute("role", "tablist"); |
| DOM Property (ARIA 1.2) |
e.role = tablist"; |
Setting Accessible Name
| Attribute |
aria-label |
| Inline |
<div role="button" aria-label="Play"> |
| setAttribute |
e.setAttribute("aria-label", "play"); |
| DOM Property (ARIA 1.2) |
e.ariaLabel = "Play"; |
Setting State
| Attribute |
aria-checked |
| Inline |
<div role="checkbox" aria-checked="mixed"> |
| setAttribute |
e.setAttribute("aria-checked", "mixed"); |
| DOM Property (ARIA 1.2) |
e.ariaChecked = "mixed"; |
NOTE: IDL is only available on the most recent browser releases.