Acessibility in Design

Tim Berners-Lee, the creator of the World Wide Web, once said: "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."

However, not all websites created are accessible. As a designer, you have the power and responsibility to make sure that everyone has access to what you create regardless of ability, context, or situation.

How can you create not only beautiful designs but also ones that can speak and be well understood by a wide range of users? This session will cover what is accessibility and you can intentionally ensure your designs are accessible and inclusive.

Transcript

1. Accessibility in Design @bethanyjep
2. Start from the source.
3. Bethany Jepchumba • Cloud Advocate 🥑 at Microsoft, for AI & ML • Freelance designer – on break 🔔 • @bethanyjep
4. "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." - Tim Berners-Lee, the creator of the World Wide Web
5. What is Accessibility?
6. Some Examples of Disabilities • Mobility - motor • Visual - vision • Cognitive – learning/intellectual • Auditory - hearing
7. Accessible Design in Action
8. Colour Contrast
9. Adobe Contrast Checker https://color.adobe.com/
10. Adobe Contrast Checker
11. Adobe Contrast Checker
12. Adobe Contrast Checker
13. Adobe Contrast Checker
14. Adobe Contrast Checker
15. Colour + additional information to convey meanings
16. Media Captions & Transcripts
17. Media Captions & Transcripts
18. Alternative text • Written image description in place of images • Useful not only to people with visual disability but also unstable connection
20. Transcription: speech to text
21. Practice Empathy • Put yourself in your user's shoes • For example: Move through a couple of pages by using a screen reader.
22. "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." - Tim Berners-Lee, the creator of the World Wide Web
23. Next Steps Read and review: Accessibility Fundamentals Overview | Web Accessibility Initiative (WAI) | W3C at www.w3.org/WAI/fundamentals/ Course to understand web accessibility better: aka.ms/codelandaccessibility Adobe contrast analyzer: https://color.adobe.com/create/color-contrast-analyzer
24. Thank You @bethanyjep