Accessibility

1. Human—Computer
Interaction
03: Accessibility

3. Design
— Accessibile
— Inclusive
— Universal
— For all

4. I.WCAG

5. Perceivable
Operable
Understandable
Robust
easy to „see”: alternative text, captions, contrast, size, layout
easy to navigate and
fi
nd content
comprehensive text, intuitive copy on buttons
easy to use screen readers; will not become outdated soon

6. Cost
20% or more

7. — clear and meaningful content
— clear content structure and hierarchy
— typography: contrast / legibility / size
— well structured html
— alternatives for audio, video and images
— responsive
— intuitive navigation (touch, mouse, keyboard)

8. 1. Color
— Contrast calculator
— You will NEVER please everyone

9. 1. Typography
— Use legible body typography, don’t justify text
— Not too many typefaces (safe bet: 1 or 2)
— Good body size: 16 px
— Leading: more than 140%
— Check contrast
— Responsive sizes

10. 1. Visual content
— Icons: up to 5, very clear meaning
Good for returning users
— Illustrations
— Captions, alternative text

11. 1. Verbal content
— Microcopy
— Short text
— Clear headings

40. II. Dark patterns