1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
Title: Accessibility in the Cloud
Boldy venture forth, ye brave explorers!
Jonas Klink (klink@google.com)
Accessibility Product Manager / Software Engineer
http://google.com/Accessibility
---
Slide: Who am I?
PM/SWE, part of a Dev team dedicated to Access Engineering
With Google for the past 4 years
Education:
MS in Computer Science (Chalmers Uni. of Tech., Sweden)
PhD in Computer Science (University of Washington, Seattle)
Research on Education and Technology for the visually impaired
Project work includes:
Client-side: Toolbar, Desktop Search, Chrome
Web Apps: Gmail, Apps, Blogger, Maps, Transit, …
---
Slide: Why? Users!
http://google.com/Accessibility
---
Slide: The Web as a Platform
Platform layers are changing:
Low-level support framework (TTS, fonts, themes)
JavaScript APIs
Web Applications (GWS, Gmail, Docs)
Graceful Degradation vs. Progressive Enhancement
The Web has the distributed data
Universal Access Engineering makes it available through any channel
Personalization and user goals are key
Every level in the stack is customizable
APIs provides the muscle
User is less dependent on the applications
Designing for Access Workflows:
Focus on workflows, rather than UI components
Most common tasks need to be optimized
Tab/arrow navigation often too slow
Enumerating workflows often highlight common roadblocks
Workflows drill down to component-level access
Designing your product for optimized workflows:
Optimize workflows with keyboard and AT support
Expose a public page-level API, addressable from JS
Provide a clean DOM, with non-obfuscated hooks
Document and empower the curious user!
---
Slide: Supporting the brave explorers
Exploration in the document model Web:
Web 1.0: Headings, links, frames to build cognitive model
AT optimized for quick access to key element types
Users have developed personalized techniques for exploration
Need support for exploration in Web 2.0:
Web 2.0 hs application mode and non-document structure
Sighted users rely on visual cues learned from the desktop
Answer: contextual, on-demand exploration aids?
Community can work together to build familiarity!
---
Slide: Example: Google Reader Access
Extremely keyboard friendly:
Access keyboard shortcut through '?' or Reader Help Center
Navigate items with 'j' and 'k'
Keyboard bindings available for starring, sharing, commenting, etc
Delivers screen reader augmentation:
Follow link 'click here for ARIA enhanced Google Reader'
Screen reader support in ARIA-enabled browsers
Applies magnification lens for low-vision users:
Follows keyboard navigation
Provides customization through '-' and '='
Zero impact on latency!
---
Slide: Conclusion
Collaboration and openness benefit everyone
Customization is key
Configure once, work everywhere
Focus on workflows, then widgets
Develop solutions with little or no latency impact
---
Thank you!
Q & A
klink@google.com
http://google.com/Accessibility
|