Web Accessibility Evaluation and the use of Web Standards

Jon Gunderson, Ph.D.

University of Illinois at Urbana-Champaign

jongund@illinois.edu

Accessing Higher Ground November: Accessible Media, Web and Technology Conference

November 15th, 2017

Presentations

Slides

  1. Overview
  2. Introductions
  3. Part 1: The Basics
  4. Web Content Accessibility Guidelines 2.0
  5. WCAG 2.0 Success Criteria
  6. Scope of Success Criteria for Level A and AA Success Criteria
  7. Accessible Rich Internet Applications (ARIA) 1.0
  8. HTML 5
  9. HTML5: main element
  10. Accessible Rich Internet Application API Mappings
  11. HTML API Mappings
  12. ARIA Authoring Practices
  13. Manual Testing: Keyboard Accessibility
  14. Focus Styling for Links and Form Controls
  15. A keyboard focus and mouse hover styling strategy
  16. Link menu focus and hover styling example
  17. Pizza Order Form: Focus Styling
  18. Keyboard focus should always be visible
  19. High Contrast Testing
  20. Part 2: Automated Tools
  21. Browser Based Accessibility Evaluation and Inspection
  22. Demonstration of Tools for Basic Accessibility Features
  23. OpenAjax Evaluation Library
  24. Rulesets
  25. Rule Features
  26. Rule Results
  27. Rule Categories
  28. Ruleset and Rule Details
  29. Functional Accessibility Evaluator (FAE) 2.0
  30. Part 3: ARIA Landmarks and Widgets
  31. Landmarks and HTML5 Section Elements
  32. ARIA 1.1 Landmarks
  33. General Principles of Landmark Design
  34. MAIN Landmark
  35. NAVIGATION Landmark
  36. BANNER Landmark
  37. CONTENTINFO Landmark
  38. COMPLEMENTARY Landmark
  39. REGION Landmark
  40. Landmark Coding Patterns
  41. Bookmarklets for Visualizing Landmarks and Headings
  42. The Problem of Custom Wigets
  43. Purpose of ARIA to Describe Behavior and Features
  44. ARIA Contract with Browsers and Assistive Technologies
  45. Important Concepts: Role, Accessible Name and Accessible Description
  46. ARIA Example: Checkbox
  47. Part 4: ARIA Authoring Practices
  48. Section 3: Landmark Regions
  49. Landmarks Example
  50. Section 2: Design Patterns and Widgets
  51. Section 2.15: Menu Button
  52. Menu Button Example
  53. Section 4: Developing a Keyboard Inteface
  54. Section 4.1: Fundamental Keyboard Navigation Conventions
  55. Section 4.2: Discernable and Predictable Keyboard Focus
  56. Section 4.3: Focus vs. Selection and the Perception of Dual Focus
  57. Section 4.4: Deciding When to Make Selection Automatically Follow Focus
  58. Section 4.5: Keyboard Navigation Between Components (The Tab Sequence)
  59. Section 4.6: Keyboard Navigation Inside Components
  60. Section 4.7: Focusability of Disabled Controls
  61. Section 4.8: Keyboard Shortcuts
  62. Section 6: Intentionally Hiding Semantics with the Presentation Role
  63. Section 7. Roles That Automatically Hide Semantics by Making Their Descendants Presentational
  64. Design Example: Drop Down Navigation Links
  65. Drop Down Navigation Links: Tab Key Operation
  66. Drop Down Navigation Links: ARIA Menu Button Pattern
  67. Drop Down Navigation Links: ARIA Menubar Pattern
  68. Jon Gunderson's Evaluation Priorities
  69. Training Resources