WebAIM: Accessible JavaScript – Overview of Accessible JavaScript

Accessible JavaScript
Overview of Accessible JavaScript

Article Contents

  • Current page: Page 1: Overview of Accessible JavaScript
  • JavaScript Accessibility Issues
  • JavaScript Reliance
  • Page 2: JavaScript Event Handlers
  • Page 3: Other Issues
  • Page 4: JavaScript Alternatives
  • JavaScript Accessibility Issues

    JavaScript allows developers to add increased interaction, information processing, and control in web-based content. However, JavaScript can also introduce accessibility issues. These issues may include:

    • Navigation. Inability or difficulty navigating using a keyboard or assistive technology.
    • User control. Lack of user control over automated content changes.
    • Confusion/Disorientation. Altering or disabling the normal functionality of the browser or triggering events or content that the user may not be aware of.

    A web page containing JavaScript will typically be fully accessible if the functionality of the script is device independent (does not require only a mouse or only a keyboard) and the information (content) is available to assistive technologies. There is no easy fix that can be applied to solve all accessibility problems associated with JavaScript. The only way to ensure JavaScript accessibility is by evaluating each page that utilizes scripting and devising a unique solution to any accessibility problem found.

    JavaScript that does not impact accessibility

    Just because JavaScript is used on a page does not mean that the [...]

    Read article at webaim.org

    Article Taxonomies

    Categories:
    Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65