CSS Accessibility

Open-source CSS projects categorized as Accessibility

Top 6 CSS Accessibility Projects

Accessibility
  1. hint.css

    A CSS only tooltip library for your lovely websites.

    Project mention: List of awesome CSS frameworks, libraries and software | dev.to | 2024-05-28

    chinchang/hint.css - A CSS only tooltip library for your lovely websites.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. microtip

    💬 Minimal, accessible, ultra lightweight css tooltip library. Just 1kb.

  4. SAPC-APCA

    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.

    Project mention: The Mystery of Tailwind Colors (v4) | dev.to | 2025-02-20

    As you might expect, there's science behind this. Several algorithms exist for calculating contrast between text and background colors, including: Weber contrast, Michelson contrast, Advanced Perceptual Contrast Algorithm (APCA), Lightness difference in the CIE Lightness L* space, Delta Phi Star (ΔΦ*), and WCAG 2.1.

  5. fieber

    Classless and accessible CSS framework

    Project mention: Show HN: A minimalist (brutalist?) website for sharing all your links | news.ycombinator.com | 2024-11-02
  6. base16-measured-scheme

    Base16 colour schemes from Measured, with accessible colour contrast.

    Project mention: Accessible syntax highlighting colour schemes for developers | dev.to | 2024-04-19

    They’re available on GitHub for anyone to use. The obvious use cases are for either writing or publishing code, but the underlying schemes could be used for any lightweight web project.

  7. sveltekit-form-example

    SvelteKit form example 📝 code to get a contact form working with SvelteKit actions, and 10 tips to avoid common pitfalls 🍀

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

CSS Accessibility discussion

Log in or Post with

CSS Accessibility related posts

  • Show HN: A minimalist (brutalist?) website for sharing all your links

    4 projects | news.ycombinator.com | 2 Nov 2024
  • Japanese Hover Over

    1 project | /r/Anki | 15 Oct 2023
  • Hint.css: crea botones con infografías para tu sitio web

    1 project | /r/fazt | 29 Jul 2021

Index

What are some of the best open-source Accessibility projects in CSS? This list will help you:

# Project Stars
1 hint.css 8,443
2 microtip 1,385
3 SAPC-APCA 463
4 fieber 18
5 base16-measured-scheme 12
6 sveltekit-form-example 3

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that CSS is
the 16th most popular programming language
based on number of references?