Accordion (Sections With Show/Hide Functionality)
An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content.
An alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.
Alert and Message Dialogs
An alert dialog is a modal dialog that interrupts the user's workflow to communicate an important message and acquire a response.
A breadcrumb trail consists of a list of links to the parent pages of the current page in hierarchical order.
A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
Carousel (Slide Show or Image Rotator)
A carousel presents a set of items, referred to as slides, by sequentially displaying a subset of one or more slides.
WAI-ARIA supports two types of checkbox widgets: dual-state allows the user to toggle between two choices -- checked and not checked -- and tri-state supports an additional third state known as partially checked.
A combobox is an input widget with an associated popup that enables users to select a value for the combobox from a collection of possible values.
A dialog is a window overlaid on either the primary window or another dialog window.
A disclosure is a widget that enables content to be either collapsed (hidden) or expanded (visible).
A feed is a section of a page that automatically loads new sections of content as the user scrolls.
Grids : Interactive Tabular Data and Layout Containers
A grid widget is a container that enables users to navigate the information or interactive elements it contains using directional navigation keys, such as arrow keys, Home, and End.
Landmarks provide a powerful way to identify the
organization and structure of a web page.
A link widget provides an interactive reference to a resource.
A listbox widget presents a list of options and allows a user to select one or more of them.
A meter is a graphical display of a numeric value that varies within a defined range.
A radio group is a set of checkable buttons, known as radio buttons, where no more than one of
the buttons can be checked at a time.
A slider is an input where the user selects a value from within a given range.
A multi-thumb slider is a slider
with two or more thumbs that each set a value in a group of related values.
A spinbutton is an input widget that restricts its value to a set or range of discrete values.
A switch is an input widget that allows users to choose one of two values:
Like an HTML
element, a WAI-ARIA
table is a static tabular structure containing one or more rows that each contain one or more cells; it is not an interactive widget.
Tabs are a set of layered sections of content, known as tab panels, that display one panel of content at a time.
A toolbar is a container for grouping a set of controls, such as buttons, menubuttons, or checkboxes.
A tooltip is a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
A tree view widget presents a hierarchical list.
A treegrid widget presents a hierarchical data grid consisting of tabular information that is editable or interactive.
A window splitter is a moveable separator between two sections, or panes, of a window that enables users to change the relative size of the panes.