files/en-us/web/accessibility/aria/guides/techniques/index.md
ARIA defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and states and properties that are supported by a role. Authors must assign an ARIA role and the appropriate states and properties to an element during its life-cycle, unless the element already has appropriate ARIA semantics (via use of an appropriate HTML element). Addition of ARIA semantics only exposes extra information to a browser's accessibility API, and does not affect a page's DOM.
buttoncheckboxgridcelllinkmenuitemmenuitemcheckboxmenuitemradiooptionprogressbarradioscrollbarsearchboxseparator (when focusable)sliderspinbuttonswitchtabtabpaneltextboxtreeitemThe techniques below describe each composite role as well as their required and optional child roles.
comboboxgrid (including row, gridcell, rowheader, columnheader roles)listbox (including option role)menumenubarradiogroup (see radio role)tablist (including tab and tabpanel roles)treetreegridapplicationarticlecellcolumnheaderdefinitiondirectorydocumentfeedfiguregroupheadingimglistlistitemmathnonenotepresentationrowrowgrouprowheaderseparatortabletermtoolbartooltiparia-autocompletearia-checkedaria-currentaria-disabledaria-errormessagearia-expandedaria-haspopuparia-hiddenaria-invalidaria-labelaria-levelaria-modalaria-multilinearia-multiselectablearia-orientationaria-placeholderaria-pressedaria-readonlyaria-requiredaria-selectedaria-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetextaria-dropeffect {{deprecated_inline}}aria-grabbed {{deprecated_inline}}aria-activedescendantaria-colcountaria-colindexaria-colspanaria-controlsaria-describedbyaria-detailsaria-errormessagearia-flowtoaria-labelledbyaria-ownsaria-posinsetaria-rowcountaria-rowindexaria-rowspanaria-setsizex-ms-aria-flowfrom {{Non-standard_Inline}}