Help

Designing RIA Accessibility: A Yahoo UI (YUI) Menu Case Study

Table of Contents

  1. Designing RIA Accessibility:
    A Yahoo UI (YUI) Menu Case Study
  2. What's Happening?
  3. Web 1.0 vs. Web 2.0
  4. Rich Internet Applications (RIAs)
  5. Web 2.0 Design Philosophy
  6. Getting It Right the Second Time
  7. Preserve opportunity & availability
  8. Accessibility Defined
  9. So how can we move forward?
  10. Three Techniques (Use Them All)
  11. Characteristics of Techniques
  12. Standards-Based Development
  13. Approach 1:
    Standards-Based Development
  14. Standards-Based Development
    Example: Menu Structure
  15. Standards-Based Development
    Example: Menu Heirarchy
  16. Standards-Based Development
    Example: Separators
  17. Standards-Based Development
    Example: Help Text
  18. Standards-Based Development
    Example: Titles
  19. Standards-Based Development
    Example: Emphasis
  20. Standards-Based Development
    Benefits
  21. Standards-Based Development
    Drawbacks
  22. Standards-Based Development
    Drawbacks Example
  23. Redundant Interfaces
  24. Approach 2:
    Redundant Interfaces
  25. Approach 2:
    Redundant Interfaces
  26. Redundant Interfaces
    Example: Progressive Enhancement
  27. Redundant Interfaces
    Example: Progressive Enhancement
  28. Redundant Interfaces
    Example: Progressive Enhancement
  29. Redundant Interfaces
    Example: Progressive Enhancement
  30. Progressive Enhancement Summary
  31. Redundant Interfaces
    Example: Multiple Task Flows
  32. Redundant Interfaces
    Example: Keyboard & Mouse Support
  33. Keyboard & Mouse Support
    Roaming tabindex="0" technique
  34. Redundant Interfaces
    Example: Screen Reader Support
  35. Redundant Interfaces
    Example: Screen Reader Support
  36. Redundant Interfaces
    Example: Screen Reader Support
  37. Redundant Interfaces
    Benefits
  38. Redundant Interfaces
    Drawbacks
  39. Faithful and Predictable Ports
  40. Approach 3:
    Faithful and Predictable Ports
  41. Faithful and Predictable Ports
    Example: Keyboard Access
  42. Faithful and Predictable Ports
    Example: Resizability
  43. Faithful and Predictable Ports
    Example: Viewport Positioning
  44. Faithful and Predictable Ports
    Example: Viewport Positioning
  45. Faithful and Predictable Ports
    WAI-ARIA Roles & States
  46. Faithful and Predictable Ports:
    Benefits
  47. Faithful and Predictable Ports:
    Drawbacks
  48. Questions

Text and Images from Slide

Standards-Based Development
Example: Emphasis

An standard application menu, coded as unordered list with one of the list items receiving emphasis using the <em> element.

View all slides | Contents of this slide