3.2.7.4. Allowed ARIA roles, states and properties.css

// # any
// ARIA global states and propertiescan be used on any HTML element.
[any]

// # alert
// A message with important, and usually time-sensitive, information. See related alertdialogandstatus.
[alert]

// # alertdialog
// A type of dialog that contains an alert message, where initial focus goes to an element within the dialog. See related alertanddialog.
[alertdialog]

// # application
// A region declared as a web application, as opposed to a web document.
[application]

// # article
// A section of a page that consists of a composition that forms an independent part of a document, page, or site.
[article]

// # banner
// A region that contains mostly site-oriented content, rather than page-specific content.
[banner]

// # button
// An input that allows for user-triggered actions when clicked or pressed. See related link.
[button]

// # checkbox
// A checkable input that has three possible values: true, false, or mixed.
[checkbox]

// # columnheader
// A cell containing header information for a column.
[columnheader]

// # combobox
// A presentation of a select; usually similar to a textbox where users can type ahead to select an option, or type to enter arbitrary text as a new item in the list. See related listbox.
[combobox]

// # complementary
// 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.
[complementary]

// # contentinfo
// A large perceivable region that contains information about the parent document.
[contentinfo]

// # definition
// A definition of a term or concept.
[definition]

// # dialog
// A dialog is an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response. See related alertdialog.
[dialog]

// # directory
// A list of references to members of a group, such as a static table of contents.
[directory]

// # document
// A region containing related  information that is declared as document content, as opposed to a web application.
[document]

// # form
// A landmark region that contains a collection of items and objects that, as a whole, combine to create a form. See related search.
[form]

// # grid
// A grid is an interactive control which contains cells of tabular data arranged in rows and columns, like a table.
[grid]

// # gridcell
// A cell in a grid or treegrid.
[gridcell]

// # group
// A set of user interface objects which are not intended to be included in a page summary or table of contents by assistive technologies.
[group]

// # heading
// A heading for a section of the page.
[heading]

// # img
// A container for a collection of elements that form an image.
[img]

// # link
// An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. See related button.
[link]

// # list
// A group of non-interactive list items. See related listbox.
[list]

// # listbox
// A widget that allows the user to select one or more items from a list of choices. See related comboboxandlist.
[listbox]

// # listitem
// A single item in alistordirectory.
[listitem]

// # log
// A type of live region where new information is added in meaningful order and old information may disappear. See related marquee.
[log]

// # main
// The main content of a document.
[main]

// # marquee
// A type of live region where non-essential information changes frequently. See related log.
[marquee]

// # math
// Content that represents a mathematical expression.
[math]

// # menu
// A type of widget that offers a list of choices to the user.
[menu]

// # menubar
// A presentation of menu that usually remains visible and is usually presented horizontally.
[menubar]

// # menuitem
// An option in a group of choices contained by amenuormenubar.
[menuitem]

// # menuitemcheckbox
// A checkable menuitem that has three possible values: true, false, or mixed.
[menuitemcheckbox]

// # menuitemradio
// A checkable menuitem in a group ofmenuitemradioroles, only one of which can be checked at a time.
[menuitemradio]

// # navigation
// A collection of navigational elements (usually links) for navigating the document or related  documents.
[navigation]

// # note
// A section whose content is parenthetic or ancillary to the main content of the resource.
[note]

// # option
// A selectable item in a select list.
[option]

// # presentation
// An element whose implicit native role semantics will not be mapped to the accessibility API.
[presentation]

// # progressbar
// An element that displays the progress status for tasks that take a long time.
[progressbar]

// # radio
// A checkable input in a group of radio roles, only one of which can be checked at a time.
[radio]

// # radiogroup
// A group of radio buttons.
[radiogroup]

// # region
// A large perceivable section of a web page or document, that the author feels is important enough to be included in a page summary or table of contents, for example, an area of the page containing live sporting event statistics.
[region]

// # row
// A row of cells in a grid.
[row]

// # rowgroup
// A group containing one or more row elements in a grid.
[rowgroup]

// # rowheader
// A cell containing header information for a row in a grid.
[rowheader]

// # scrollbar
// A graphical object that controls the scrolling of content within a viewing area, regardless of whether the content is fully displayed within the viewing area.
[scrollbar]

// # search
// A landmark region that contains a collection of items and objects that, as a whole, combine to create a search facility. See related form.
[search]

// # separator
// A divider that separates and distinguishes sections of content or groups of menuitems.
[separator]

// # slider
// A user input where the user selects a value from within a given range.
[slider]

// # spinbutton
// A form of range that expects the user to select from among discrete choices.
[spinbutton]

// # status
// A container whose content is advisory information for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar. See related alert.
[status]

// # tab
// A grouping label providing a mechanism for selecting the tab content that is to be rendered to the user.
[tab]

// # tablist
// A list of tab elements, which are references to tabpanel elements.
[tablist]

// # tabpanel
// A container for the resources associated with atab, where eachtabis contained in atablist.
[tabpanel]

// # textbox
// Input that allows free-form text as its value.
[textbox]

// # timer
// A type of live region containing a numerical counter which indicates an amount of elapsed time from a start point, or the time remaining until an end point.
[timer]

// # toolbar
// A collection of commonly used function buttons represented in compact visual form.
[toolbar]

// # tooltip
// A contextual popup that displays a description for an element.
[tooltip]

// # tree
// A type of list that may contain sub-level nested groups that can be collapsed and expanded.
[tree]

// # treegrid
// A grid whose rows can be expanded and collapsed in the same manner as for a tree.
[treegrid]

// # treeitem
// An option item of a tree. This is an element within a tree that may be expanded or collapsed if it contains a sub-level group of treeitems.
[treeitem]