aria-checked-state-mismatch
aria-checked debería coincidir con el estado real de las casillas y los botones de opción nativos
Marca un <input type="checkbox">/<input type="radio"> nativo cuyo valor explícito de aria-checked no coincide con su estado real checked/indeterminate, para revisión manual.
Ámbito de aplicación. Elementos <input type="checkbox"> / <input type="radio"> nativos que tienen un atributo aria-checked explícito.
Resultado esperado. aria-checked es redundante en un checkbox/radio nativo (el estado checked del rol ya se expone de forma nativa), pero cuando un autor lo establece explícitamente debe coincidir con el estado real del elemento; de lo contrario, se le comunica a la tecnología de asistencia algo distinto de lo que percibe un usuario vidente.
Qué informa un hallazgo.
ariaChecked: el estado que anunciaaria-checked:true,falseomixed(solo en una casilla de verificación). Un valor que no sea ninguno de estos cuenta comofalse.actualState: el estado en que está realmente el control:true,falseomixedpara una casilla de verificación indeterminada.type:checkboxoradio.
Estos campos de data.details ayudan a leer y reproducir un hallazgo. Salvo reasonCode y los pocos campos que Esquema de salida indica como estables, no son un contrato estable: un campo puede cambiar de nombre o desaparecer en una versión menor, así que no construyas sobre ellos.
Ejemplos
<input type="checkbox" checked aria-checked="true">
aria-checked coincide con el estado checked real del control.
<input type="checkbox" checked aria-checked="false">
El checkbox está realmente marcado, pero aria-checked="false" le indica a la tecnología de asistencia lo contrario.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
ARIA_CHECKED_STATE_MISMATCH
- Esperar a que la página termine de cargarse, localizar la casilla de verificación o el botón de opción que indica el informe y anotar si parece marcado.
- Abrir el panel Accesibilidad y leer su estado de marcado.
- Hacer clic en él, o pulsar Espacio, y comprobar que el aspecto y el estado del panel Accesibilidad cambian a la vez, o escucharlo con un lector de pantalla.
Se cumple. El estado que comunican las tecnologías de apoyo coincide con lo que muestra el control, antes y después de cambiarlo.
No se cumple. Las tecnologías de apoyo comunican un estado distinto del que se muestra, lo que incumple WCAG 4.1.2.