JavaScript Accessibility

Open-source JavaScript projects categorized as Accessibility

Top 23 JavaScript Accessibility Projects

Accessibility
  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    Project mention: Awesome | Top 9 UI Frameworks for Vue.js | dev.to | 2024-06-11

    BootstrapVue brings the power of Bootstrap to Vue.js. It includes a comprehensive implementation of Bootstrap 4 components and grid system, along with extensive support for custom themes.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • web-skills

    A visual overview of useful skills to learn as a web developer

  • axe-core

    Accessibility engine for automated Web UI testing

    Project mention: ADA Compliance Made Easy: ADA Testing for Websites and Applications | dev.to | 2024-04-22

    The reports often rank the issues by severity level and provide actionable solutions. Using these reports, developers can prioritize accessibility fixes and improve their products' accessibility. Popular examples of automated testing tools include Axe, WAVE, and SiteImprove. Also, most modern browsers offer built-in accessibility audits within their developer tools.

  • pa11y

    Pa11y is your automated accessibility testing pal

    Project mention: 🤯 150 Articles to Satisfy Your Curiosity | dev.to | 2024-03-13

    Pa11y is your automated accessibility testing pal (https://pa11y.org/) by Rowan Manning

  • eslint-plugin-jsx-a11y

    Static AST checker for a11y rules on JSX elements.

    Project mention: Getting started with React by building a Pokemon search application | dev.to | 2024-05-11

    > [email protected] build > react-scripts build Creating an optimized production build... Compiled with warnings. [eslint] src/App.js Line 64:15: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. File sizes after gzip: 58.34 kB (-1 B) build/static/js/main.b3bd969c.js 1.78 kB build/static/js/453.bd7a2879.chunk.js 677 B build/static/css/main.af098727.css The project was built assuming it is hosted at /. You can control this with the homepage field in your package.json. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment

  • a11y-dialog

    A very lightweight and flexible accessible modal dialog script.

  • chakra-ui-vue

    ⚡️ Build scalable and accessible Vue.js applications with ease.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • ally.js

    JavaScript library to help modern web applications with accessibility concerns

  • read-aloud

    An awesome browser extension that reads aloud webpage content with one click

    Project mention: Ask HN: Any good (free?) TTS article readers? | news.ycombinator.com | 2024-01-14

    I use the Read Aloud Firefox extension to read newspaper articles and the wandering inn stories. Works well for me. In the configuration there are free and premium voices. I enable Google Translate voice and increase the speed a bit.

    Main repo (website there too, or search on Firefox extensions): https://github.com/ken107/read-aloud

  • react-menu

    React component for building accessible menu, dropdown, submenu, context menu, and more.

    Project mention: Taking an Open Source Project to Release 1.1 🚀 | dev.to | 2024-02-03

    The next big thing I worked on this week was helping Rachit with the creation of a new Menu Component for the application using the react-menu package.

  • pa11y-dashboard

    Pa11y Dashboard is a web interface which helps you monitor the accessibility of your websites

  • cboard

    Augmentative and Alternative Communication (AAC) system with text-to-speech for the browser

  • equal-access

    IBM Equal Access Accessibility Checker contains tools to automate accessibility checking from a browser or in a continuous development/build environment

  • adapt_framework

    A toolkit for creating responsive, accessible, multilanguage HTML5 e-learning courses.

  • pa11y-ci

    Pa11y CI is a CI-centric accessibility test runner, built using Pa11y

  • svelte-navigator

    Simple, accessible routing for Svelte

  • Scrawl-canvas

    Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

    Project mention: Figma's Journey to TypeScript | news.ycombinator.com | 2024-05-04

    I don't like Typescript because it forces me to think about types and data structures and stuff. Which is a Good Thing because I absolutely have to think about that stuff when working on large codebases with a team of colleagues: without the inline documentation and text editor help TS gives me when working on those codebases I'd be (at least!) 10x slower when refactoring old code or adding new code. And nobody wants to pay a slow developer!

    However ... the one place I refuse to use Typescript is in my side project - a JS canvas library. I can justify this because: 1. it's a big codebase, but I know every line of it intimately having spent the last 10 years (re-)writing it; 2. nobody else contributes (and I kinda like it that way); and 3. I keep a close eye on competing canvas libraries and I've watched several of them go through the immense (frustrating!) work of converting their codebases to TS over the past few years and, seriously, I don't need that pain in my not-paid-for life.

    Even so, I do maintain a .d.ts file for the library's 'API' (the functions devs would use when building a canvas using my library) because the testing, documentation and autocompletion help it offers is too useful to ignore. It is additional work, but it's just one file[1] and I can live with that.

    [1] https://github.com/KaliedaRik/Scrawl-canvas/blob/v8/source/s...

  • FastStream

    Stream videos without buffering in the browser. An extension that replaces bad video players on the internet with a better, accessible video player designed for your convenience. (by Andrews54757)

    Project mention: Writing an MP4 Muxer for Fun and Profit | news.ycombinator.com | 2024-07-18

    Having worked with some MP4 demuxing for my extension [1], I feel the pain. Lots of times I would play the video only to find inexplicable issues such as drifting audio. I highly recommend using an mp4 inspector tool, such as mp4box [2], to debug these issues.

    1: https://github.com/Andrews54757/FastStream

    2: https://gpac.github.io/mp4box.js/test/filereader.html

  • arxiv-utils

    Meaningful titles for tabs and PDF downloads! Also supports tab search.

  • handy.js

    Handy makes defining and recognizing custom hand poses in WebXR a snap!

  • accessible-slick

    the last (accessible) carousel you'll ever need.

  • vue-announcer

    A simple way with Vue to announce any useful information for screen readers.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Accessibility discussion

Log in or Post with

JavaScript Accessibility related posts

  • Writing an MP4 Muxer for Fun and Profit

    3 projects | news.ycombinator.com | 18 Jul 2024
  • Using VLC to watch an m3u8 playlist at a URL with custom Referrer and User Agent

    3 projects | news.ycombinator.com | 10 Jul 2024
  • Tailwind Handbook - Part II

    1 project | dev.to | 27 Apr 2024
  • ADA Compliance Made Easy: ADA Testing for Websites and Applications

    1 project | dev.to | 22 Apr 2024
  • How to Write Accessible Technical Documentation – Best Practices with Examples

    2 projects | dev.to | 15 Apr 2024
  • 🤯 150 Articles to Satisfy Your Curiosity

    5 projects | dev.to | 13 Mar 2024
  • Responsive design and cross-device testing

    1 project | dev.to | 27 Feb 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 21 Jul 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source Accessibility projects in JavaScript? This list will help you:

Project Stars
1 bootstrap-vue 14,484
2 web-skills 6,900
3 axe-core 5,777
4 pa11y 4,016
5 eslint-plugin-jsx-a11y 3,353
6 a11y-dialog 2,386
7 chakra-ui-vue 1,863
8 ally.js 1,527
9 read-aloud 1,322
10 react-menu 1,120
11 pa11y-dashboard 974
12 cboard 649
13 equal-access 615
14 adapt_framework 570
15 pa11y-ci 509
16 svelte-navigator 502
17 Scrawl-canvas 316
18 FastStream 324
19 arxiv-utils 273
20 handy.js 246
21 accessible-slick 246
22 vue-announcer 229
23 react-gallery-carousel 214

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com