A CSS only tooltip library for your lovely websites.
-
Updated
Oct 17, 2024 - CSS
(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>
A CSS only tooltip library for your lovely websites.
💬 Minimal, accessible, ultra lightweight css tooltip library. Just 1kb.
APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.
A CSS stylesheet to quickly highlight a11y concerns.
Easily check for website accessibility issues
A small set of global rules to make things accessible and reset default styling
💡 Ideas to help consider Inclusive Design principles when making things for others to use.
Lexica Ultralegible builds on the foundation laid by Atkinson Hyperlegible but offers enhanced flexibility and usability across various applications. Including more glyphs supporting extra languages and additional typographic features like ligatures and alternative flipped zero.
Fine-brewed Hugo theme made open
An open-source jQuery plugin to easily and semantically add captions to images.
Textures, patterns, and shapes that make web maps work for people with colorblindness. Built for Mapbox GL and MapLibre GL.
Tailwind colors replaced (in Tailwind style) by the USG standards for accesibility colors defined at: https://designsystem.digital.gov/
PUXL framework is a free and open-source and eco-friendly library to create front-end Web interfaces. It helps you build accessible and responsive sites with lightweight HTML.
lint html with css is a collection of css snippets from the hashtag #linthtmlwithcss on twitter. these css snippets intend to warn developers about common mistakes made in html.
A floating-label component using react without any dependencies
A UI Kit build upon WCAG Patterns with Semantic HTML at its core, makings accessibility... accessible!
As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities.