Skip to content
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:
on or off.
Like an HTML
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.
Back to Top
This is an unpublished draft preview that might include content that is not yet approved. The published website is at