Lightning Talk held by Esther Brunner at World Information Architecture Day (WIAD) 2017 in Zurich

1. Esther Brunner
Make prominent visual elements
accessible!
@ebr76
ZÜRICH, SWITZERLAND

2. • You can find what you need
• Content
• Everything makes sense
• Structure
• Guidance
Information architecture

3. Carousels

8. 1. Highlight key features and content
2. Draw users’ attention to the slides
• Visual prominence
• Motion
Why use a carousel?

9. “Hey there, I'm new,
I'm important,
I'm sexy!”
The implicit guiding message:

10. 1. Highlight key features and content
We know how to make content and structure accessible:
• Semantic markup
2. Draw users’ attention to the slides
But how can we transport the implicit guiding message for
visually impaired users?
What about accessibility?

11. • Don’t use autoplay together with aria-live!
• Autoplay and aria-live will disrupt the reading experience
every time a slide changes
• Try to avoid autoplay entirely. If you can’t …
• There must be a mechanism to pause, stop, or hide
(WCAG 2.0, success criterion 2.2.2)
Don’t

12. • Use words!
• Visually hidden heading
• Follow the recommendations of W3C for accessible
carousels:
https://www.w3.org/WAI/tutorials/carousels/
Do

13. Thank you!
Esther Brunner
@ebr76
esther.brunner@zeix.com