Accessibility · Middle · Question 35 of 75

What contrast does WCAG require for a focus indicator or input border?

11.5:1 against the page background
27:1 against the text inside
33:1 against adjacent colours

Show the answer

Correct answer: 3:1 against adjacent colours

Explanation

Non-text contrast covers UI components and meaningful graphics. An input with a pale grey border may fail even if its text passes.

Further reading

Test yourself

Take the Accessibility · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.