Accessibility-First Design

Learn how to make better digital products with accessible content and visual designs that improve the user experience for everyone.

Introduction

• Why accessibility-first design?
• Use an accessibility-first workflow

1. Collaborating for Accessibility

• Cross-discipline collaboration and T-shaped knowledge
• Work in parallel to reduce handoff

2. Question Complexity

• Avoid hidden content
• Respect established patterns
• Create performant and lightweight experiences

3. Accessible Content Design

• Semantics and document structure
• Inclusive language and reading level
• Hidden text and accessible naming
• Alternate content for media

4. Accessible Visual Design

• Just-in-time design
• Accessible color
• Accessible typography
• Accessible iconography
• Accessible tap targets
• Accessible interactive states
• Accessible interaction patterns
• Ergonomic layouts
• Embrace fluid design
• Respect user preferences

5. Accessibility Testing

• Manual accessibility testing
• User testing for accessibility
• Automated accessibility testing

Conclusion

• Accessible design handoff
• Next steps