Where

Style panel

The Style panel, located in the Designer, is where you can control and style every element in your project.

Appearance

Add descriptions to sensory-based instructions

Category: 
Appearance
When: 
Design
Appearance

Allow zoom without forcing horizontal scrolling

Category: 
Appearance
Appearance

Check legibility on landscape and portrait

Category: 
Appearance
When: 
Review
Color

Check the contrast for all borders

Category: 
Color
When: 
Review
Color

Check the contrast for all icons

Category: 
Color
When: 
Review
Color

Check the contrast for all text

Category: 
Color
When: 
Review
Color

Check the contrast for text that overlaps images or videos

Category: 
Color
When: 
Review
Keyboard

Clearly style focus states

Category: 
Keyboard
Controls

Ensure controls have all styled states

Category: 
Controls
Appearance

Ensure target sizes are at least 44px

Category: 
Appearance
When: 
Design
Appearance

Ensure that text can be resized without loss of content or functionality

Category: 
Appearance
When: 
Review
Appearance

Make sure color isn't the only way information is conveyed

Category: 
Appearance
When: 
Design
Appearance

Optimize text styling for legibility

Category: 
Appearance
When: 
Design
Keyboard

Remove focus from hidden elements

Category: 
Keyboard
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