Mimuw hci2021-6
0 likes26 views
The document discusses accessibility design and provides guidelines for creating inclusive and universal designs for all users. It covers the WCAG principles of perceivable, operable, understandable, and robust. Specific guidelines are given for color, typography, visual content, and verbal content to ensure accessibility. Implementing inclusive design may increase costs by 20% or more but results in clear and meaningful content structure that is intuitive to use across different devices and technologies.
1 of 47
Download to read offline
Mimuw hci2021-6
- 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
- 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