Accessibility-First Design
1h 24mIntermediate2023-03-22
Authors

David Luhr
Accessible Design and Development Consultant | Creator of Build UX
Course details
Knowing the benefits of an accessibility-first approach enables you to build more useful, resilient, and inclusive products. In this course, accessible design and development consultant David Luhr shows you how to put accessibility first when designing digital experiences. David demonstrates how teams can work together to prioritize and test for accessibility at all stages of product development, saving time and effort with better results. Gain deeper understanding of accessibility with practical examples of how to solve common design challenges. Build tactical skills in accessible content, accessible visual design, and accessibility testing to create successful products that everyone can use.
Skills covered
AccessibilityUX DesignDiversity, Equity, and Inclusion (DEI)User ExperienceWeb DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Why accessibility-first design
- 02 - Use an accessibility-first workflow
1. Collaborating for Accessibility
- 03 - Cross-discipline collaboration and T-shaped knowledge
- 04 - Work in parallel to reduce handoff
2. Question Complexity
- 05 - Avoid hidden content
- 06 - Respect established patterns
- 07 - Create performant and lightweight experiences
3. Accessible Content Design
- 08 - Semantics and document structure
- 09 - Inclusive language and reading level
- 10 - Hidden text and accessible naming
- 11 - Alternate content for media
4. Accessible Visual Design
- 12 - Just-in-time design
- 13 - Accessible color
- 14 - Accessible typography
- 15 - Accessible iconography
- 16 - Accessible tap targets
- 17 - Accessible interactive states
- 18 - Accessible interaction patterns
- 19 - Ergonomic layouts
- 20 - Embrace fluid design
- 21 - Respect user preferences
5. Accessibility Testing
- 22 - Manual accessibility testing
- 23 - User testing for accessibility
- 24 - Automated accessibility testing
Conclusion
- 25 - Accessible design handoff
- 26 - Next steps
Related courses
- Designing Accessible Components In Figma
- HTML Essential Training
- Learning Web Audio and Video
- Understanding Accessibility to Achieve Success with Marlee Matlin
- Non-Functional Requirements in the Cloud Part 1: Overview
- Vibe Coding Common Web Patterns into Tailwind CSS
- IT Service Management Foundations: Tools (2021)
- Xcode Developer Tools in iOS