Inclusive Design: You + Me + Everyone

The talk's focus is on accessibility on the web, why it’s important and tips to help your design become more inclusive.

First presented at Google's World Usability Day - Lagos (Nigeria) & Nairobi (Kenya). For more about Google's World Usability Day > https://events.withgoogle.com/world-usability-day-ssa/

Transcript

1. Inclusive Design You + Me + Everyone
2. @udezekene • UX Designer @ Booking.com • Google Dev Expert (Product Design) • Organizer usable • Pretend Chef • Foodie • Wanderer • Human Kene Udeze | @udezekene
3. Talk Objectives • What does inclusive design mean? • Who is this for? • Why is it important? • A few tips that can help Kene Udeze | @udezekene
4. Kene Udeze | @udezekene …a short story
5. Disability is an impairment that may be cognitive, developmental, intellectual, mental, physical, sensory, or some combination of these. It substantially affects a person's life activities and may be present from birth or occur during a person's lifetime. Kene Udeze | @udezekene
6. 1,000,000,000 Kene Udeze | @udezekene Source: World Bank
7. Temporary Kene Udeze | @udezekene Situational Permanent Types of disability 1 & 2 Gan Khoon Lay* 
 3 Adrien Coquet* *The Noun Project
8. Kene Udeze | @udezekene You + Me + Everyone
9. Kene Udeze | @udezekene How do they experience the digital products?
10. Kene Udeze | @udezekene Global Inclusion Leader Haben Girma
11. Kene Udeze | @udezekene Assistive Devices
12. Kene Udeze | @udezekene How can you start applying this?
13. Kene Udeze | @udezekene 1. Specifications & Guidelines • Authoring Tool Accessibility Guidelines (ATAG) • Web Content Accessibility Guidelines (WCAG) • User Agent Accessibility Guidelines (UAAG) ——————— • Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA)

14. Kene Udeze | @udezekene 2. Codebase • Use descriptive titles. • Proper Document Structure • H1 - H6 • Semantic HTML5 + ARIA + Page Landmarks
15. Kene Udeze | @udezekene 3. Media Files • Use descriptive alt=“” texts to convey context & content of the image. • Don’t seed images over CSS. • Video Captions • Proper description for videos or audios • Transcripts.
16. Kene Udeze | @udezekene 4. Colors • Use Websafe colors • Ensure Contrast • Colorsafe
 http://colorsafe.co/
 • Material Design Color tool
 https://material.io/color SOME TOOLS
17. Kene Udeze | @udezekene 5. Dont mess with nature • Let links be like links. Use <a> don’t use any fancy “binding” • Don’t break browser history
18. Kene Udeze | @udezekene How you can test your product
19. Kene Udeze | @udezekene How you can test your product http://wave.webaim.org WAVE
20. Kene Udeze | @udezekene How you can test your product http://www.pa11y.org Pa11y
21. Kene Udeze | @udezekene How you can test your product https://github.com/ireade/alix Alix
22. Kene Udeze | @udezekene How you can test your product https://goo.gl/xMdYGw Accessibility Developer Tools
23. Kene Udeze | @udezekene How you can test your product http://www.chromevox.com/ ChromeVox
24. Kene Udeze | @udezekene How you can test your product https://developers.google.com/web/tools/lighthouse/ Google Lighthouse
25. Kene Udeze | @udezekene Why should you care?
26. Kene Udeze | @udezekene Help SEO Ranking Why should you care?
27. Kene Udeze | @udezekene It fuels innovation One of the “fathers of the internet” Co-invented TCP/IP Vinton Cerf Why should you care?
28. Kene Udeze | @udezekene It’s great for business Why should you care?
29. Kene Udeze | @udezekene Right side of the Law Why should you care? • American with Disabilities Act • Nigerian Disability Bill*
30. Kene Udeze | @udezekene Right side of the Law Why should you care? https://www.cnet.com/news/netflix-and-deaf-rights-group-settle-suit-over-video-captions/
31. Kene Udeze | @udezekene Right side of the Law Why should you care? Authors Guild v Google Books
32. Kene Udeze | @udezekene Why should you care? Everybody Wins
33. Kene Udeze | @udezekene Disability never holds anyone back
34. Kene Udeze | @udezekene So which of these do you want to create?
37. Kene Udeze | @udezekene You have a RESPONSIBILITY
38. Kene Udeze | @udezekene THANK YOU. Let’s continue the conversation @udezekene