WordCamp Nordic Who is afraid of ARIA?
1 like1,409 views
The document discusses ARIA (Accessible Rich Internet Applications Suite) which defines ways to make web content and applications more accessible to people with disabilities. It emphasizes that ARIA should not be used to fix incorrect HTML, and the first rule of ARIA is to not use it if proper semantics are available. The document provides examples of how to use ARIA attributes like aria-expanded, aria-live, and others to provide feedback on what is happening on a page and how users can interact with it. It directs attendees to an online codepen demo and other resources to learn more.
WordCamp Nordic Who is afraid of ARIA?
- 1. Whos afraid of ARIA? Rian Rietveld WordCamp Nordic 2019
- 3. Rian Rietveld @RianRietveld Find me on twitter Senior Accessibility Consultant at Level Level Teacher at the Level Level Academy
- 5. In this talk What is ARIA First rule of ARIA Examples of how to use ARIA Good resources
- 6. WAI-ARIA WAI = Web Accessibility Initiative ARIA = Accessible Rich Internet Applications Suite
- 7. ARIA defines a way to make Web content and Web applications more accessible to people with disabilities.
- 8. Its all about feedback What happens on the page? What does this mean? How can I interact?
- 9. First rule of ARIA Dont use ARIA!
- 10. Dont use ARIA to fix meaningless or incorrect HTML5
- 17. Semantics gives you it all for free
- 19. Its all about feedback What happens on the page? What does this mean? How can I interact?
- 20. How to use ARIA Examples!
- 22. aria-expanded Is this open or closed?
- 23. aria-live Tell me whats changing
- 25. aria-label and .screen-reader-text What you hear is what you get
- 26. aria-labelledby & aria-describedby What do I need to know?
- 28. Resources
- 32. Free online ARIA Widgets Code Library at dequeuniversity.com
- 34. Make it work before you make it nice