R040: Document-level horizontal overflow
Horizontal overflow, overlapping text, clipped labels and fixed widths that Arabic text outgrows, at every breakpoint.
The check
- Id
- R040
- Category
- Layout
- Default severity
- high
What it looks for
Document-level horizontal overflow
How to fix it
Find the widest element (see evidence), cap it with max-width: 100% and replace fixed pixel widths with fluid sizing. Test at 390px.
More layout checks
Does your page trip R040?
Paste a URL. Ritla renders the page on desktop and mobile, runs every check, and shows the top issues with screenshot evidence.