Estados y propiedades de ARIA
=============================

Esta página enumera las páginas de referencia que cubren todos los atributos de WAI-ARIA discutidos en MDN.

Los atributos ARIA permiten modificar los estados y las propiedades de un elemento tal como se define en el árbol d

**Nota:** ARIA solo modifica el árbol de accesibilidad, modificando cómo la tecnología de asistencia presenta el contenido a sus usuarios. ARIA no cambia nada sobre la función o el comportamiento de un elemento. Cuando no use elementos HTML semánticos para su propósito previsto y funcionalidad predeterminada, debe usar JavaScript para administrar el comportamiento, el enfoque y los estados ARIA.

Tipos de atributos ARIA
-----------------------

Hay 4 categorías de estados y propiedades ARIA:

1. ### Atributos de widgets

    * `aria-autocomplete` (en-US)
    * `aria-checked` (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)
2. ### Atributos de región en vivo

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

    * `aria-dropeffect` (en-US)
    * `aria-grabbed` (en-US)
4. ### 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-description` (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)
Atributos ARIA globales
-----------------------

Algunos estados y propiedades se aplican a todos los elementos HTML independientemente de si se aplica una función ARIA. Estos se definen como atributos "Globales". Los estados y propiedades globales son compatibles con todos los roles y elementos de marcado base.

Muchos de los atributos anteriores son globales, lo que significa que se pueden incluir en cualquier elemento a menos que se deshabilite específicamente:

* `aria-atomic` (en-US)
* `aria-busy` (en-US)
* `aria-controls` (en-US)
* `aria-current` (en-US)
* `aria-describedby` (en-US)
* `aria-description` (en-US)
* `aria-details` (en-US)
* `aria-disabled` (en-US)
* `aria-dropeffect` (en-US)
* `aria-errormessage` (en-US)
* `aria-flowto` (en-US)
* `aria-grabbed` (en-US)
* `aria-haspopup` (en-US)
* `aria-hidden` (en-US)
* `aria-invalid` (en-US)
* `aria-keyshortcuts` (en-US)
* `aria-label`
* `aria-labelledby` (en-US)
* `aria-live` (en-US)
* `aria-owns` (en-US)
* `aria-relevant` (en-US)
* `aria-roledescription` (en-US)

Por "deshabilitar específicamente" se refiere a que, todos los atributos anteriores son globales excepto las propiedades `aria-label` y `aria-labelledby`, que no están permitidas en elementos con rol `presentation` (en-US) ni su sinónimo el rol `none` (en-US).

Estados y propiedades definidas en MDN
--------------------------------------

Las siguientes son las páginas de referencia que cubren los estados y propiedades de WAI-ARIA discutidos en MDN.

Usando el atributo aria-requiredEl atributo `aria-required` es usado para indicar al usuario que un input es requerido en un elemento antes de que un form pueda ser enviado. Este atributo puede ser usado en un form con cualquier elemento HTML típico; no se limita a elementosque tengan un `role` ARIA asignado.

Utilizando el atributo aria-labelEl atributo `aria-label` se utiliza para definir una cadena que etiqueta el elemento actual. Úselo en los casos en que no haya una etiqueta de texto visible en pantalla. Si hay texto visible etiquetando el elemento, utilice aria-labelledby en su lugar.

Véase también
-------------

* Uso de ARIA: funciones, estados y propiedades