Task

Layout is simple, straightforward, and consistent

Category: 
Appearance
When: 
Design
Check as complete

Website content should be easy to scan and understand. Your page layout should make it easy for visitors to find what they’re looking for and do what they need to do. It’s also important to build your content programmatically, so assistive technologies can access content in the same order it is visually displayed.

Design with scannability in mind

Make it easy for people to easily find the content they’re looking for.

Here are some considerations:

  • Use clear hierarchy — put important information at the top of the page
  • Use a logical heading order to help break up sections of content
  • Use plain and descriptive language
  • Group related items close together

Make sure people using assistive technologies can access content in the same order visual users can.

  • Position elements in the DOM (Document Object Model) rather than positioning them visually with CSS
  • Take a look at the Navigator panel in Webflow to get a general understanding of the DOM

WCAG reference:

1.3.2 Meaningful Sequence

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