aria-checked-state-mismatch

Native checkbox/radio aria-checked should match its actual state

manualWCAG 4.1.2 (A)confidence: mediumseverity: moderaterobust

Flags a native <input type="checkbox">/<input type="radio"> whose explicit aria-checked value disagrees with its actual checked/indeterminate state, for manual review.

Applies to. Native `<input type="checkbox">` / `<input type="radio">` elements that carry an explicit `aria-checked` attribute.

Expectation. `aria-checked` is redundant on a native checkbox/radio (the role's checked state is already exposed natively), but when an author sets it explicitly it should agree with the element's actual state, otherwise assistive technology is told something different from what a sighted user perceives.

Examples

can't tell
<input type="checkbox" checked aria-checked="false">

The checkbox is actually checked, but `aria-checked="false"` tells assistive technology the opposite.

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

`aria-checked` matches the control's real checked state.

View source