Task

Check legibility on landscape and portrait

Category: 
Appearance
Where: 
Style panel
When: 
Review
Check as complete

Some users mount devices in a fixed orientation (e.g., on the arm of a wheelchair). Make sure your content doesn’t restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.

Make sure your content is legible any orientation

You can customize your site for different screens with Webflow's built-in responsive breakpoints (also known as media queries).

The styling you set cascades up starting from 992px (desktop) and down from desktop to mobile. This means that styles applied on desktop, 1280px, 1440px, and 1920px cascade up to larger devices. Styles set on the desktop breakpoint cascade down and apply to the tablet and both mobile device sizes.

The Webflow Designer shows 4 breakpoints, and the large breakpoint can be customized with different desktop widths.

Useful resources:

WCAG reference:

1.3.4 Orientation

Back to checklist

Total progress

Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
Celebration horn and streamer emoji
0 / 0
Hide progress
Show progress