Repository navigation
Web Accessibility (a11y)
- Website
- Wikipedia
- 维基百科
(Web) Accessibility or eAccessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) is the practice of building inclusive spaces for different people, either by supporting the use of assistive technology (ALT text, ARIA HTML attributes, etc.) or by designing things with multiple ways to access them (color coding + text labels + icons, captions + sign language interpreter), keeping in mind different forms of impairments, disabilities, and difficulties—both temporary and permanent—, users of these space could face and might struggle with while using the space, which include:
- Visual impairments, e.g.
- color blindness/color vision deficiency
- blindness/low vision/poor eyesight
- Motor/mobility, e.g.
- tremors
- loss of fine muscle control,
- Auditory impairment/hearing impairments, e.g.
- people who are hard of hearing
- deafness
- Seizures
- Cognitive and intellectual, e.g.
- developmental disabilities
- learning difficulties (dyslexia, dyscalculia, etc.)
- cognitive disabilities (PTSD, Alzheimer's)
Chakra UI is a component system for building SaaS products with speed ⚡️
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Toolkit with accessible components, styles, and examples for your next web app
Accessibility engine for automated Web UI testing
Skeleton is an adaptive design system powered by Tailwind CSS.
✍️ Fusuma makes slides with Markdown easily.
Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines
Pa11y is your automated accessibility testing pal
The A11Y Project is a community-driven effort to make digital accessibility easier.
💡 A hinting engine for the web
A minimal, accessible and SEO-friendly Astro blog theme
Static AST checker for a11y rules on JSX elements.
🎨 A tiny (2,8 KB) color picker component for React and Preact apps
A very lightweight and flexible accessible modal dialog script.
Polyfill for the HTML dialog element
MathJax source code for version 3 and beyond
Official React components built for Flowbite and Tailwind CSS
Generate colors based on a desired contrast ratio