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 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…
A checkable input that has three possible values: true, false, or mixed. Description A checkable input that has three possible values: true, false, or mixed. The aria-checked attribute of a checkbox indicates whether the input is checked (true), unchecked (false), or represents a group of elements that have a mixture of checked and unchecked values…
A cell in a tabular container. Description New in ARIA 1.1 A cell in a tabular container. See related gridcell. Authors MUST ensure elements with role cell are contained in, or owned by, an element with the role row. Role=Cell Example HTML Example Characteristics Superclass Role Subclass Roles Base Concept Required Context Role Supported States…
An input that allows for user-triggered actions when clicked or pressed. Description An input that allows for user-triggered actions when clicked or pressed. See related link. Buttons are mostly used for discrete actions. Standardizing the appearance of buttons enhances the user’s recognition of the widgets as buttons and allows for a more compact display in…
A structure containing one or more focusable elements requiring user input, such as keyboard or gesture events, that do not follow a standard interaction pattern supported by a widget role. Description A structure containing one or more focusable elements requiring user input, such as keyboard or gesture events, that do not follow a standard interaction…
A type of dialog that contains an alert message, where initial focus goes to an element within the dialog. Description A type of dialog that contains an alert message, where initial focus goes to an element within the dialog. See related alert and dialog. Alert dialogs are used to convey messages to alert the user….
