Input field contrast (inputs)

Input fields and data entry elements maintain a contrast ratio of at least 3:1 against their background in all states.


Insufficient input field contrast:

This form has radio input fields with insufficient contrast ratios (1.72:1 on selection, 1.09:1 between border and background) against the background:




Note: Possible to automatically test. This can be achieved by programmatically retrieving the current color (i.e. CSS color property, or otherwise) of an element and verifying that it has sufficient contrast against its background. However, a human tester or AI is most likely needed to confirm full visibility.

axe detected: none  |  QualWeb detected: none