Accessibility · Junior · Question 75 of 75

Why can CSS `order` or `flex-direction: row-reverse` cause problems?

1Visual order no longer matches DOM and focus order
2Screen readers ignore any content inside a flex box
3They make all flex items unreachable with the Tab key

Show the answer

Correct answer: Visual order no longer matches DOM and focus order

Explanation

Focus and screen readers follow the DOM, so focus seems to jump around the screen. Change the source order when the sequence affects meaning.

Further reading

Test yourself

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