Technical Frontend implementation of the DB UX Design System (Version 2).
-
Updated
Jul 8, 2025 - SCSS
(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:
<ul>
<li>color blindness/color vision deficiency</li>
<li>blindness/low vision/poor eyesight</li>
</ul>
<ul>
<li>tremors</li>
<li>loss of fine muscle control,</li>
</ul>
<ul>
<li>people who are hard of hearing</li>
<li>deafness</li>
</ul>
<ul>
<li>developmental disabilities</li>
<li>learning difficulties (dyslexia, dyscalculia, etc.)</li>
<li>cognitive disabilities (PTSD, Alzheimer’s)</li>
</ul>
Technical Frontend implementation of the DB UX Design System (Version 2).
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Chakra UI is a component system for building SaaS products with speed ⚡️
A simple React implementation of roving tabindex
Design System based on react-aria and Tailwind CSS
🕹️ Powerful, high-performance input handling for PixiJS
The accessible HTML-Standard
Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines
DB UX Design System monorepo - Provides Design Tokens and components for Web UIs
Toolkit with accessible components, styles, and examples for your next web app
Pa11y is your automated accessibility testing pal
Continuous accessibility testing and issue highlighting for web development
Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.
a11yphant - The easy way to learn web accessibility
Home of our Evo branded CSS, Marko & React components
MagentaA11y is a tool built to simplify the process of accessibility testing.
Skeleton is an adaptive design system powered by Tailwind CSS.