A presentation about accessibility and web development

1. a11y
accessibility

2. "Accessibility refers to the design of
products, devices, services, or
environments for people with disabilities"
wikipedia.org/wiki/Accessibility

3. 1/6
PEOPLE WOLRDWIDE HAS A
DISABILITY
- World Health Organization

4. TYPES OF DISABILITIES

10. WHY IT MATTERS

11. HOW

12. 1/ ACCESSIBILITY BY DESIGN

13. WEB : ARIA
Accessible Rich Internet Applications
<input type="checkbox" aria­checked="false" aria­label="Dog">
<button aria­label="Close" onclick="myDialog.close()">X</button>

14. COLOR CHOICES

15. UX/UI

16. 2/ FALLBACK

18. COLOR BLIND MODE
Trello

19. 3/ PROGRESSIVE ENHANCEMENT

20. "Progressive enhancement is a strategy for
web design that emphasizes accessibility,
semantic HTML markup, and external
stylesheet and scripting technologies."
wikipedia.org/wiki/Progressive_enhancement

21. RULES
Basic content should be accessible to all web browsers
Basic functionality should be accessible to all web
browsers
Sparse, semantic markup contains all content
Enhanced layout is provided by externally linked CSS
Enhanced behavior is provided by unobtrusive externally
linked JavaScript
End-user web browser preferences are respected

23. DEMO TIME !
Click here

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

25. https://www.youtube.com/watch?v=o6yLWihykVA
https://developer.mozilla.org/en-US/docs/Web/Accessibility
http://www.w3.org/standards/webdesign/accessibility
http://littlebigdetails.com/

26. HTTP://A11Y.DADON.FR
@DAVIDDADON
FAIT AVEC <3 SUR REVEAL.JS