Jump to content
Important notes:

This page is archived information that is not up-to-date.
Information about EOWG closing is in the 19 September 2024 blog post: Accessibility education and outreach: Another milestone in W3C's 30-year history and evolution.
This Wiki page was edited by participants of the EOWG. It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Working Group participants, WAI, or W3C. It may also have some very useful information.

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