Inclusive design patterns
summary
Explains how Drupal 8’s HTML5 and WAI-ARIA improvements help accessibility and shows how to embed accessibility from the start of a project using inclusive design patterns rather than fixing issues afterwards. Covers common frontend accessibility mistakes and presents a methodology and concrete design patterns to make websites provide equal access to information.
AI-written summary · about
chapters (26)
- 0:00Introduction
- 1:24Script
- 3:21Accessibility
- 6:07Leveraging standards
- 9:46Progressive enhancement
- 11:06Starting from scratch
- 11:45Lang attribute
- 12:52Responsive design
- 17:01Skip links
- 18:08Improving readability
- 18:34Choosing an appropriate typeface
- 20:52Font size
- 22:12Line length
- 23:19Justification
- 24:23Contrast
- 25:04Links
- 30:15Sections and subsections
- 31:56Subtitles
- 36:31Positioning
- 37:17Active link
- 39:05From a redundant link to a
- 40:05Removing duplicates
- 40:51Assigning labels to navigation elements
- 42:03Menu button
- 45:17Other patterns
- 45:59Books
related talks
03mAccessibility, UX, and Resources to Learn More
31mWeb Accessibility: From Design to Code, How to Move Toward Greater Inclusion
42mThe Drupal Accessibility Advantage: It's all about starting with Core
44mDesigning with Accessibility in Mind
51mThe Intersection Of Accessibility And Inclusive Design
37mAccessibility Matters: Creating a Better Web
38mHow To Make Your Website More Accessible with WAI-ARIA
52mDesigning inclusive and accessible experiences