Learn about the importance of WAI-ARIA roles in web accessibility and how to implement them effectively. Improve user experience and inclusivity on your website.
A definition of a term or concept. Description A definition of a term or concept. See related term. Authors SHOULD identify the element being defined by giving that element a role of term and referencing it with the aria-labelledby attribute. Role=Definition Example Inline Definition Example In the example below, the definition of a term that…
A large perceivable region that contains information about the parent document. Description A large perceivable region that contains information about the parent document. Examples of information included in this region of the page are copyrights and links to privacy statements. User agents SHOULD treat elements with the role of contentinfo as navigational landmarks. Within any…
A widget that may contain navigable descendants or owned children. Description A widget that may contain navigable descendants or owned children Authors SHOULD ensure that a composite widget exists as a single navigation stop within the larger navigation system of the web page. Once the composite widget has focus, authors SHOULD provide a separate navigation…
A supporting section of the document, designed to be complementary to the main content at a similar level in the DOM hierarchy, but remains meaningful when separated from the main content. Description A supporting section of the document, designed to be complementary to the main content at a similar level in the DOM hierarchy, but…
A composite widget containing a single-line textbox and another element such as listbox or grid, that can dynamically pop up to help the user set the value of the textbox. Description A composite widget containing a single-line textbox and another element, such as a listbox or grid, that can dynamically pop up to help the user…
A cell containing header information for a column. Description A cell containing header information for a column. columnheader can be used as a column header in a table or grid. It could also be used in a pie chart to show a similar relationship in the data. The columnheader establishes a relationship between it and…
