R081: flex row-reverse faking RTL instead of dir (tab order fights visual order)
The language attributes screen readers depend on, and layouts where the tab order fights the visual order.
The check
- Id
- R081
- Category
- Accessibility
- Default severity
- medium
What it looks for
flex row-reverse faking RTL instead of dir (tab order fights visual order)
How to fix it
Remove flex-direction: row-reverse and let dir="rtl" mirror the flexbox naturally, keyboard/tab order then matches what users see.
More accessibility checks
Does your page trip R081?
Paste a URL. Ritla renders the page on desktop and mobile, runs every check, and shows the top issues with screenshot evidence.