Главная
Study mode:
on
1
Introduction
2
Space Jam
3
Tablebased layouts
4
Font elements
5
Accessibility problems
6
CSS 1 introduction
7
Drinking tea
8
Platform accessibility APIs
9
Checkbox example
10
DOM accessibility tree
11
Example
12
Pseudo selectors
13
After example
14
Before example
15
Generated content
16
Maybe you might be surprised
17
Tequila makes me happy
18
All current browsers
19
Accessibility tree
20
CSS accessibility disaster
21
CSS flexbox
22
Keyboard sequence
23
Buttons
24
Flexbox
25
The inevitable happens
26
If youre a sighted keyboard user
27
If the order of content is important
28
Using tabindex
29
Demo
30
Tabindex
31
AriaFlow
32
Screen reader support
33
A terrible experience
34
One possible solution
35
A bug in Firefox
36
Tea time
37
CSS speech module
38
Speak property
39
Voice volume property
40
Speech demo
41
Visual Aria
42
Tea
43
Accessibility tools
44
Accessibility audit
45
Other accessibility tools
46
Icon fonts
47
SVG alternatives
48
If we adopt the Firefox bug
49
So use it
50
in the second row
51
focusable content
Description:
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.

CSS Accessibility and Design-Structure Separation

Web Conferences Amsterdam
Add to list
0:00 / 0:00