Accessibility · Middle · Question 39 of 75

Why is a focus style made only with `box-shadow` risky?

1It can't be applied to rounded elements
2It stops :focus-visible from matching
3It disappears in forced colors mode

Show the answer

Correct answer: It disappears in forced colors mode

Explanation

outline survives. A common trick is outline: 2px solid transparent, which becomes visible in forced colors.

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.