When
Development
Tasks to consider while developing your site in Webflow and which are critical to ensuring all people are able to have a consistent experience.

0 / 0 Checked
Images
Add aria-label to homepage logo
Category:
Images
Where:
Element Settings panel
Preview guideline
Appearance
Allow zoom without forcing horizontal scrolling
Category:
Appearance
Where:
Style panel
Preview guideline
Media
Avoid autoplaying media
Category:
Media
Where:
Custom code
Preview guideline
Interactions
Avoid scrolljacking
Category:
Interactions
Where:
Custom code
Preview guideline
Forms
Avoid using autofocus attribute
Category:
Forms
Where:
Element Settings panel
Preview guideline
Keyboard
Clearly style focus states
Category:
Keyboard
Where:
Style panel
Preview guideline
Code
Don't disable zoom
Category:
Code
Where:
Custom code
Preview guideline
Keyboard
Ensure accordions are keyboard navigable
Category:
Keyboard
Where:
Custom code
Preview guideline
Appearance
Ensure content has appropriate structure and relationships
Category:
Appearance
Where:
Navigator panel
Preview guideline
Controls
Ensure controls have all styled states
Category:
Controls
Where:
Style panel
Preview guideline
Keyboard
Ensure focus order is logical
Category:
Keyboard
Where:
Navigator panel
Preview guideline
Keyboard
Ensure modals are keyboard navigable
Category:
Keyboard
Where:
Custom code
Preview guideline
Code
Hide decorative elements with an aria attribute
Category:
Code
Where:
Element Settings panel
Preview guideline
Code
Include a "skip to main" link
Category:
Code
Where:
Custom code
Preview guideline
Images
Include alt text for every important image
Category:
Images
Where:
Element Settings panel
Preview guideline
Media
Media
Include captions in videos
Category:
Media
Where:
Custom code
Preview guideline
Code
Provide a unique <title> for each page
Category:
Code
Where:
Page settings
Preview guideline
Media
Provide controls to pause all media
Category:
Media
Where:
Custom code
Preview guideline
Keyboard
Remove focus from hidden elements
Category:
Keyboard
Where:
Style panel
Preview guideline
Interactions
Set anchor scroll animation to instant
Category:
Interactions
Where:
Element Settings panel
Preview guideline
Code
Set your site's language code
Category:
Code
Where:
Project settings
Preview guideline
Code
Use landmark elements to indicate important content regions
Category:
Code
Where:
Element Settings panel
Preview guideline
Headings
Use logical heading order
Category:
Headings
Where:
Audit panel
Preview guideline
Lists
Use semantic lists
Category:
Lists
Where:
Navigator panel
Preview guideline
Back to checklist
Total progress
Congratulations on making the web a more accessible place. Celebrate your work on Twitter.

0 / 0
Hide progress