Top 23 JavaScript A11y Projects

A11y

• Add a project

• bootstrap-vue

  44 14,503 0.9 JavaScript

  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

  www.influxdata.com featured

  Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

  

• grommet

  8 8,320 9.0 JavaScript

  a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

  

  Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13

  GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs

• axe-core

  76 5,857 9.2 JavaScript

  Accessibility engine for automated Web UI testing

  

  Project mention: WCAG and Web accessibility beyond naive misconceptions | dev.to | 2024-09-10

  We can occasionally use our keyboards to navigate our websites, and we are lucky to have handy tools to detect problems quickly. WAVE, axe, and even the indispensable developer tools of our browsers warn about insufficient color contrast.

• fusuma

  11 5,388 0.0 JavaScript

  ✍️ Fusuma makes slides with Markdown easily.

• pa11y

  23 4,046 5.5 JavaScript

  Pa11y is your automated accessibility testing pal

  

  Project mention: Coding For Everyone: Accessibility in Web Development. | dev.to | 2024-07-29

  WAVE, Axe, Pa11y, and Lighthouse are some accessibility testing tools that can be used to audit your website and identify areas that may need improvement. Here are the steps to access and use the Lighthouse Panel in your Chrome DevTools:

• eslint-plugin-jsx-a11y

  18 3,380 7.3 JavaScript

  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

• dialog-polyfill

  8 2,446 0.0 JavaScript

  Polyfill for the HTML dialog element

  

• SaaSHub

  www.saashub.com featured

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

  

• leonardo

  1 1,937 5.4 JavaScript

  Generate colors based on a desired contrast ratio

  

• chakra-ui-vue

  8 1,863 2.2 JavaScript

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

  

• ally.js

  1 1,526 0.0 JavaScript

  JavaScript library to help modern web applications with accessibility concerns

  

• react-focus-lock

  1 1,273 7.8 JavaScript

  It is a trap! A lock for a Focus. 🔓

• pa11y-dashboard

  1 983 5.5 JavaScript

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

  

• testing-playground

  1 782 4.7 JavaScript

  Simple and complete DOM testing playground that encourage good testing practices.

  

• pa11y-ci

  1 518 4.4 JavaScript

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

  

• svelte-navigator

  4 504 0.0 JavaScript

  Simple, accessible routing for Svelte

• vue-announcer

  1 232 0.0 JavaScript

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

  

• focus-trap-vue

  1 204 8.1 JavaScript

  Vue component to trap the focus within a DOM element

• tobii

  2 199 0.0 JavaScript

  An accessible, open-source lightbox with no dependencies

• a11y-color-tokens

  3 159 3.3 JavaScript

  Generate accessible UI colors from your base color tokens.

• aria-at

  2 152 7.8 JavaScript

  Assistive Technology ARIA Experience Assessment

  

• news-homepages

  6 126 9.1 JavaScript

  An open-source archive that gathers, saves, shares and analyzes news homepages

  Project mention: News Homepages – open-source archive saves, shares, and analyzes news homepages | news.ycombinator.com | 2023-09-18

• bookworm

  3 120 6.5 JavaScript

  The Universally Accessible document Reader (by blindpandas)

  

• evaluatory

  2 97 5.8 JavaScript

  Web page evaluation with a focus on accessibility

• SaaSHub

  www.saashub.com featured

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

  

JavaScript A11y related posts

• WCAG and Web accessibility beyond naive misconceptions

  1 project | dev.to | 10 Sep 2024

• Coding For Everyone: Accessibility in Web Development.

  1 project | dev.to | 29 Jul 2024

• WCAG: Good contrast, good vibes!

  1 project | dev.to | 26 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
• A note from our sponsor - SaaSHub
  www.saashub.com | 12 Sep 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

Purpose built for real-time analytics at any scale.

InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

www.influxdata.com

Do not miss the trending JavaScript projects with our weekly report!