Tutorial Outline: ARIA and Sliders

From Education & Outreach

Part of New Tutorials work

Approach for an ARIA Gateway Tutorial with Slider Example

  • A conceptual introduction to ARIA, emphasizing the interoperability benefits of accurate, consistent, and up-to-date ARIA implementation, and with slider example(s) from WAI Authoring Practices, as well as a brief overview of other topics in the ARIA Authoring Guide.
  • Use this to bridge from WAI Tutorials to related tutorial-like material including code samples in in ARIA Authoring Practices
  • Technical review would be requested by ARIA WG and/or ARIA Authoring Practices Task Force

Status

  • This is a draft outline, subject to change, currently getting early review by EOWG. Input welcome.

Tutorial Overview: ARIA Gateway with Slider example

WAI-ARIA Concepts and Development Example Outline

  • ARIA Concepts
    • What is ARIA: framework for identifying interactive features
    • ARIA Capabilities
    • ARIA Roles, States and Properties
    • Introduction to WAI-ARIA Authoring Practices resource
      • Keyboard, Accordian, Alert, Breadcrumb, Checkbox, Combo Box, etc
    • How ARIA relates to WCAG 2.0
  • Why this is Important
    • Making dynamic and interactive web content accessible
    • Important of consistent and accurate coding
    • Applicable to mobile as well as desktop
  • Related resources

WCAG 2.0 Using ARIA for development: Slider Examples from Authoring Practices

  • Why use ARIA for Sliders
  • Analysis of design tasks
  • Applying ARIA concepts
  • Using existing samples
  • Customizing sample code
  • Building from scratch

Decision tree: selecting ARIA development resources

  • (Evaluate whether this page is necessary)
  • Techniques @@@@
  • Authoring practices @@@@
  • UI Components Library @@@@
  • Contributing ARIA development resources

Tips and tricks for ARIA development

  • (Evaluate whether this page is necessary)

Notes and Issues

  • Map to gaps in ARIA support space and avoid redundancy

Change log

  • Added approach, status, notes & issues, change log

Support