An accessibility-first renderless (headless) dialog component made for Vue https://renatodeleao.github.io/a11y-vue-dialog/
-
Updated
Aug 8, 2023 - Vue
(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>
An accessibility-first renderless (headless) dialog component made for Vue https://renatodeleao.github.io/a11y-vue-dialog/
Accessible accordion component showcased at the "Writing Accessible Components" talk
Work in progress, accessible menu demos with Svelte + Floating UI
A Google Chrome extension which attempts to prevent the use of a mouse or touchpad on a web page, in order to encourage keyboard navigation testing.
Emits custom 'focusExit' event when keyboard focus has exited an element and all of it's descendants
Automatically find the closest accessible color combination
Simple modal focus trap implementation
La liste des commandes claviers sur NVDA pour une utilisation dans un contexte de navigation web
This project is meant to teach software engineers how to create accessible nested interactive content in React. It includes good examples and bad examples.
Landing page acessível e responsiva criada para divulgar a B.eti, assistente virtual da Web Solutions ETI, durante a Feira do Colonial em São José dos Campos.
A web hub providing information on global accessibility and disability laws.