Courses

Introduction to ARIA Specification and Practices

Slides

1. Goals
2. The Problem of Custom Widgets
3. ARIA Contract with Browsers and Assistive Technologies
4. Purpose of ARIA is Describe Semantics and Behavior
5. Accessibility APIs and Browsers
6. Accessible Rich Internet Applications (ARIA) 1.1
7. HTML Living Standard
8. HTML: main element
9. HTML Accessibility API Mappings: roles and role restrictions
10. Core Accessibility API Mappings for ARIA
11. Accessible Name and Description Computation
12. Summary of W3C Documents
13. Tabindex and Keyboard Focus
14. Accessible Name Calculation
15. Accessible Description Calculation
16. Other Descriptions: aria-details property
17. Other Description: aria-invalid and aria-errormessage properties
18. Checkbox Example: Overview
19. Checkbox Example: Inaccessible
20. Basic Screen Reader Commands
21. Checkbox Example: Responding to the keyboard
22. Checkbox Example: Adding ARIA role, checked state and accessible name
23. Checkbox Example: Keyboard Focus and hover styling
24. Checkbox Example: Synchronization of ARIA and visual states
25. Checkbox Example: Summary of Accessibility Features
26. Menu Button: ARIA Design Pattern
27. Menu Button: Overview
28. Menu Button: Inaccessible
29. Menu Button: Keyboard Support
30. Menu Button: Add ARIA roles, properties and states
31. Menu Button: Keyboard Focus Styling
32. Menu Button: High Contrast Support
33. Navigation Links: Disclosure Pattern
34. Using ARIA in HTML (Best Practices)
35. None/Presentation Role
36. Hiding Content Techniques
37. Live Region Roles
38. Live Region Attributes
39. ARIA Authoring Practices 1.2
40. ARIA Assistive Technology (AT) Community Group
41. Open Source Tools
42. Functional Accessibility Evaluator (FAE) 2.0
43. AInspector Sidebar for Firefox
44. Bookmarklets for Visualizing Accessibility Features
45. Questions and Discussion