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 perceivable section containing content that is relevant to a specific, author-specified purpose and sufficiently important that users will likely want to be able to navigate to the section easily and to have it listed in a summary of the page. Such a page summary could be generated dynamically by a user agent or assistive…
A generic type of widget that allows user input. Description A generic type of widget that allows user input. Note: input is an abstract role. Authors should not use this role in content. Characteristics Is Abstract Superclass Role Subclass Roles Inherited States and Properties Name From Reference
A container for a collection of elements that form an image. Description A container for a collection of elements that form an image. An img can contain captions and descriptive text, as well as multiple image files that when viewed together give the impression of a single image. An img represents a single graphic within a document,…
A heading for a section of the page. Description A heading for a section of the page. Often, heading elements will be referenced with the aria-labelledby attribute of the section for which they serve as a heading. If headings are organized into a logical outline, the aria-level attribute is used to indicate the nesting level….
A set of user interface objects which are not intended to be included in a page summary or table of contents by assistive technologies. Description A set of user interface objects which are not intended to be included in a page summary or table of contents by assistive technologies. Contrast with region which is a grouping of user…
A cell in a grid or treegrid. Description A cell in a grid or treegrid. A gridcell may be focusable, editable, and selectable. A gridcell may have relationships such as aria-controls to address the application of functional relationships. If an author intends a gridcell to have a row header, column header, or both, and if…
