English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 04m | 683 MB
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.
Topics include:
- 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
Table of Contents
Introduction
Welcome
What you should know
Conclusion
Next steps
Real World Scenarios
An ecommerce purchase
Personas
Accessible Visual Design
Animation, movement, and flashing
Color contrast
Effective visual focus indicators
Proximity and grouping in design
The use of color
Keyboard Interaction
Avoiding keyboard traps
Keyboard functionality
Linear flow of content
Touch Interfaces
Accessibility and touch
Target sizes
Working with gestures
Images and Multimedia Accessibility
Accessibility for complex visuals
The importance of text equivalents
Understanding media types
Working with audio and video
Form Accessibility
Form validation and error messaging
HTML5 form inputs
Labeling forms
The placeholder attribute
Flexibility and Accessibility
Designing for text resize
Flexible vs. fixed-width designs
Responsive design and accessibility
Structured Content
Content hierarchy and headings
Page structure
The importance of page titles
Resolve the captcha to access the links!