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