A
radio button
must work for people with disabilities:
✓ Low vision
-
Text has a 4.5:1 minimum contrast ratio - 1.4.3 AA
-
Text can resize up to 200% with no loss of information - 1.4.4 AA
-
Radio indicator is in visual proximity to label - 3.3.2 A
✓ Motor
-
The click/tap target area includes the label and is no smaller than 24x24px - 2.5.8 AA
-
The click/tap target area includes the label and is no smaller than 44x44px - 2.5.5 AAA
-
The focus indication is visible (in some way) 2.4.7 AA
-
The focus indication has a 3:1 minimum contrast ratio against default and adjacent elements - 2.4.13 AAA
-
The focus indication has a minimum area equal to the width of the element and 2px in height - 2.4.13 AAA
✓ Blindness
-
Name, role, state is documented 4.1.2 A
-
Meets criteria across platforms, devices and viewports 4.0.0 AA