CSS Accessibility and Design-Structure Separation

YouTube·Web Accessibility

Explore the intersection of CSS and accessibility in this 35-minute conference talk from CSS Day 2016. Dive into the evolving relationship between design and structure in web development, and learn how CSS impacts accessibility mechanics in browsers. Discover code examples and design patterns for solving common accessibility problems, including the use of pseudo-selectors, FlexBox, and ARIA. Examine the challenges posed by generated content, keyboard navigation, and the CSS speech module. Gain insights into accessibility tools, icon fonts, and SVG alternatives. Leave with practical knowledge to create more inclusive web experiences, all while enjoying the speaker's playful references to tea-drinking throughout the presentation.