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:
-
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)
-
Atributos de región en vivo
-
Atributos de arrastrar y soltar
-
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-required
El 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 unrole
ARIA asignado.- Utilizando el atributo aria-label
El 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.