Accessibility for Web Design

Course details

Are you doing everything you can to make sure your sites are accessible and easy to use? Learn practical accessibility techniques to ensure your web designs can be viewed and used by everyone. Internationally recognized accessibility expert Derek Featherstone walks through examples of common web interaction flows, and then steps through considerations and tactical strategies for each component, to assure that people with disabilities can easily complete those tasks. Learn the proper use of color, contrast, and motion, and find out how to design keyboard interactions and touch interfaces; incorporate images, sound, and video; design accessible forms; structure content at the tag level; and balance responsive design with accessibility.

Learning objectives
Using color, contrast, and animation in an accessible way
Making experiences accessible via the keyboard
Working with touch gestures
Image and multimedia accessibility
Form accessibility
Responsive design and accessibility
Structuring content

Concepts

0. Introduction

01 - Making the digital world accessible

1. Real-World Scenarios

02 - An ecommerce purchase
03 - Personas

2. Accessible Visual Design

04 - The use of color
05 - Color contrast
06 - Animation, movement, and flashing
07 - Proximity and grouping in design
08 - Effective visual focus indicators

3. Keyboard Interaction

09 - Keyboard functionality
10 - Avoiding keyboard traps
11 - Linear flow of content

4. Touch Interfaces

12 - Accessibility and touch
13 - Target sizes
14 - Working with gestures

5. Images and Multimedia Accessibility

15 - Working with audio and video
16 - Understanding media types
17 - The importance of text equivalents
18 - Accessibility for complex visuals

6. Form Accessibility

19 - Labeling forms
20 - The placeholder attribute
21 - HTML5 form inputs
22 - Form validation and error messaging

7. Flexibility and Accessibility

23 - Flexible vs. fixed width designs
24 - Responsive design and accessibility
25 - Designing for text resizing

8. Structured Content

26 - Content hierarchy and headings
27 - The importance of page titles
28 - Page structure

Conclusion

29 - A challenge for you