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 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
Static AST checker for a11y rules on JSX elements.
🎨 A tiny (2,8 KB) color picker component for React and Preact apps
A minimal, accessible and SEO-friendly Astro blog theme
Polyfill for the HTML dialog element
A very lightweight and flexible accessible modal dialog script.
Official React components built for Flowbite and Tailwind CSS
Generate colors based on a desired contrast ratio
⚡️ Build scalable and accessible Vue.js applications with ease.