OzWiki

Making JavaScript Accessible

You’re most likely here because you need to make sure the way you use JavaScript in your web pages makes the content accessible to people with disabilities.

You might have a specific problem, like:

  • how to avoid keyboard traps
  • how to make content controlled by JavaScript accessible in alternative formats
  • how to make content accessible when JavaScript is turned off

Perhaps you need a comprehensive list of likely issues related to the use of JavaScript in web content – and how to address them. Or maybe you just want to ask a direct question and get a clear, expert response.

You’re in the right place.

OzWiki will tell you what you need to know to use JavaScript in an accessible way. The JavaScript section details 6 accessibility problems and how to address them, demonstrating compliance with 4 WCAG Level A success criteria, and 2 WCAG Level AA success criteria.

As a subscriber, you’ll also be able to request further or more detailed information relating to your specific situation.

See an example

JavaScript feature contains a keyboard trap

Interactive feature contains a keyboard trap

CategoryInteractive Features
TopicForbidden
WCAG SC 1.2.1: Audio-only and Video-only (Prerecorded)

For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such:

  • Prerecorded Audio-only: An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content.

  • Prerecorded Video-only: Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content.

http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html

See more errors for this SC

LevelA
Technique(s)

F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats in a way that traps users inside one format type

G121: Linking to pronunciations

ImpactCritical

Error

All videos contain a keyboard trap. Once the user enters the video, they cannot escape from the video using the Tab, Esc or arrow keys.

Incorrect Example(s)

Screenshot:Standard YouTube embedded video player

Solution

Ensure the video can be used by the keyboard and can be exited through standard means (via the TAB, Esc or arrow keys).

Already a subscriber?

Log in!

Want access?

Subscribe!

OzWiki is an accessible resource that provides best known methods to achieve A & AA level design and interaction for web content in areas such as Audio, Video, Link, Captcha, Maps, Navigation and more. These outlined accessibility errors, examples and solutions help you become 508 compliant by demonstrating associated WCAG 2.0 success criteria and techniques.

Gain access to more detailed information on all OzWiki categories for only $39/month by purchasing a subscription today! You can cancel your subscription at any time.