Los atributos ARIA deben usarse según se especifica para el rol del elemento

Los atributos ARIA deben usarse según se especifica para el rol del elemento.

El uso de atributos ARIA en elementos donde no se esperan puede resultar en un comportamiento impredecible para las tecnologías de asistencia. Esto puede llevar a una experiencia de usuario deficiente para las personas con discapacidades que dependen de estas tecnologías. Es importante seguir la especificación ARIA para asegurar que las tecnologías de asistencia puedan interpretar y comunicar correctamente el significado previsto del contenido.

Algunos atributos ARIA solo se permiten en un elemento bajo ciertas condiciones. Diferentes atributos tienen diferentes limitaciones:

aria-checked: No debe usarse en un elemento HTML input con type=”checkbox”. Estos elementos tienen un estado marcado determinado por el navegador. Los navegadores deberían ignorar aria-checked en este escenario. Debido a que los navegadores hacen esto de manera inconsistente, una diferencia entre el estado nativo del checkbox y el valor aria-checked resultará en diferencias entre lectores de pantalla y otras tecnologías de asistencia.

Los atributos aria-posinset, aria-setsize, aria-expanded y aria-level son condicionales cuando se usan en una fila. Esta puede ser tanto un elemento tr, como un elemento con role="row". Estos atributos solo pueden usarse cuando la row es parte de treegrid. Cuando se usan dentro de una table o grid, estos atributos no tienen función, y podrían resultar en un comportamiento impredecible de lectores de pantalla y otras tecnologías de asistencia.

Qué verifica esta regla de accesibilidad

Verifica que los atributos ARIA no se usen de una manera que su rol describe que los autores no deberían, o no deben hacer. Es decir, el uso de este atributo ARIA es condicional.

Learn more:

Deque Reference

Deque University - How To Fix

→