Uso de ARIA: roles, estados y propiedades
=========================================

ARIA define la semántica que se puede aplicar a los elementos, que se dividen en **roles** (que definen un tipo de elemento de interfaz de usuario) y **estados** y **propiedades** que son compatibles con un rol. Los autores deben asignar una función ARIA y los estados y propiedades apropiados a un elemento durante su ciclo de vida, a menos que el elemento ya tenga la semántica ARIA adecuada (mediante el uso de un elemento HTML apropiado). La adición de la semántica ARIA solo expone información adicional a la API de accesibilidad de un navegador y no afecta el DOM de una página.

Roles
-----

### Roles de widgets

* `button` (en-US)
* `checkbox` (en-US)
* `gridcell` (en-US)
* `link` (en-US)
* `menuitem` (en-US)
* `menuitemcheckbox` (en-US)
* `menuitemradio` (en-US)
* `option` (en-US)
* `progressbar` (en-US)
* `radio` (en-US)
* `scrollbar` (en-US)
* `searchbox` (en-US)
* `separator` (en-US) (cuando es enfocable)
* `slider` (en-US)
* `spinbutton` (en-US)
* `switch` (en-US)
* `tab` (en-US)
* `tabpanel` (en-US)
* `textbox` (en-US)
* `treeitem` (en-US)
### Roles compuestos

Las técnicas a continuación describen cada rol compuesto, así como sus roles secundarios requeridos y opcionales.

* `combobox` (en-US)
* `grid` (en-US) (incluyendo los roles `row` (en-US), `gridcell` (en-US), `rowheader` (en-US), `columnheader` (en-US) )
* `listbox` (en-US) (incluyendo el rol `option` (en-US))
* `menu` (en-US)
* `menubar` (en-US)
* `radiogroup` (en-US) (vea `radio role` (en-US))
* `tablist` (en-US) (incluyendo los roles `tab` (en-US) y `tabpanel` (en-US))
* `tree` (en-US)
* `treegrid` (en-US)
### Funciones de la estructura del documento

* `application` (en-US)
* `article` (en-US)
* `cell` (en-US)
* `columnheader` (en-US)
* `definition` (en-US)
* `directory` (en-US)
* `document` (en-US)
* `feed` (en-US)
* `figure` (en-US)
* `group` (en-US)
* `heading` (en-US)
* `img` (en-US)
* `list` (en-US)
* `listitem` (en-US)
* `math` (en-US)
* `none` (en-US)
* `note` (en-US)
* `presentation` (en-US)
* `row` (en-US)
* `rowgroup` (en-US)
* `rowheader` (en-US)
* `separator` (en-US)
* `table` (en-US)
* `term` (en-US)
* `toolbar` (en-US)
* `tooltip` (en-US)
### Roles destacados

* `banner` (en-US)
* `complementary` (en-US)
* `contentinfo` (en-US)
* `form` (en-US)
* `main` (en-US)
* `navigation` (en-US)
* `region` (en-US)
* `search` (en-US)
### Roles de región en vivo

* `alert`
* `log` (en-US)
* `marquee` (en-US)
* `status` (en-US)
* `timer` (en-US)
### Roles de ventana

* `alertdialog`
* `dialog` (en-US)
Estados y propiedades
---------------------

### Atributos de widgets

* `aria-autocomplete` (en-US)
* `aria-checked` (en-US)
* `aria-current` (en-US)
* `aria-disabled` (en-US)
* `aria-errormessage` (en-US)
* `aria-expanded` (en-US)
* `aria-haspopup` (en-US)
* `aria-hidden` (en-US)
* `aria-invalid` (en-US)
* `aria-label`
* `aria-level` (en-US)
* `aria-modal` (en-US)
* `aria-multiline` (en-US)
* `aria-multiselectable` (en-US)
* `aria-orientation` (en-US)
* `aria-placeholder` (en-US)
* `aria-pressed` (en-US)
* `aria-readonly` (en-US)
* `aria-required`
* `aria-selected` (en-US)
* `aria-sort` (en-US)
* `aria-valuemax` (en-US)
* `aria-valuemin` (en-US)
* `aria-valuenow` (en-US)
* `aria-valuetext` (en-US)
### Atributos de región en vivo

* `aria-live` (en-US)
* `aria-relevant` (en-US)
* `aria-atomic` (en-US)
* `aria-busy` (en-US)
### Atributos de arrastrar y soltar

* `aria-dropeffect` (en-US) 
Obsoleto
* `aria-grabbed` (en-US) 
Obsoleto
### Atributos de relación

* `aria-activedescendant` (en-US)
* `aria-colcount` (en-US)
* `aria-colindex` (en-US)
* `aria-colspan` (en-US)
* `aria-controls` (en-US)
* `aria-describedby` (en-US)
* `aria-details` (en-US)
* `aria-errormessage` (en-US)
* `aria-flowto` (en-US)
* `aria-labelledby` (en-US)
* `aria-owns` (en-US)
* `aria-posinset` (en-US)
* `aria-rowcount` (en-US)
* `aria-rowindex` (en-US)
* `aria-rowspan` (en-US)
* `aria-setsize` (en-US)
### Propiedades específicas de MicrosoftEdge

* `x-ms-aria-flowfrom` 
Non-standard