aria-checked-state-mismatch

`aria-checked` debe coincidir con el estado real de las casillas y los botones de opción nativos

manualWCAG 4.1.2 (A)confianza: mediumgravedad: moderaterobust

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.

Ejemplos

can't tell
<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.

n/a
<input type="checkbox" checked aria-checked="true">

`aria-checked` coincide con el estado checked real del control.

Ver código fuente