# ffoodd/a11y.css

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

Repository: https://github.com/ffoodd/a11y.css
Canonical: https://ross.abutalabs.com/products/a11ycss
Homepage: https://ffoodd.github.io/a11y.css
Language: SCSS
License: MIT
License Family: permissive
Topics: css, accessibility, diagnostics, sass, test, documentation, wiki, selectors, markup, html, bookmarklet, webextension
Last push: 2026-04-24T07:33:25+00:00

## Health v2 (maintenance only)
Score: 65/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 79, release rhythm 28, longevity 100
- inputs: {"age_days": 4668, "days_push": 131, "days_rel": 631, "gap_med": 35, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1607, forks 95 (observed 2026-08-28T04:05:10.628506+00:00)

## What it is
a11y.css is a CSS stylesheet that highlights potential accessibility risks and mistakes in HTML markup by displaying visual warnings directly in the browser. It can be included as an external stylesheet to roughly evaluate a site's quality, and is complemented by a companion WebExtension for Firefox, Chrome, and Edge.

## Use cases
- audit html pages for accessibility mistakes
- visually flag missing alt attributes and lang attributes
- quickly evaluate a website's markup quality
- force focus visibility while testing keyboard navigation
- check image alternatives in the browser
- run a lightweight accessibility check without a full audit tool

## When to choose
- you want a zero-install, stylesheet-only way to spot common HTML accessibility issues
- you need quick visual diagnostics during front-end development
- you want a companion browser extension with extras like focus visibility and text spacing checks
- you need warnings in one of ten supported languages

## When to avoid
- you need a comprehensive, standards-compliant accessibility audit with reports (use axe, Lighthouse, or Pa11y)
- you need automated testing in a CI pipeline
- you need screen-reader or WCAG conformance verification rather than markup-level hints

## Facets
- artifact type: library
- maturity: active
- function: accessibility, linter, testing, css-framework
- domain: accessibility, web-development, frontend, web-design
- platform: browser, browser-extension, cross-platform
- tags: css, scss, html-diagnostics, audit, bookmarklet, webextension, quality-evaluation, multilingual

## Member repositories
- ffoodd/a11y.css (main) score 65

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:10.628506+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:51:47.808176+00:00, confidence not recorded.
  - readme: https://github.com/ffoodd/a11y.css (fetched 2026-08-28T04:05:10.628506+00:00, sha cff23c2ef66a)
  - homepage: https://ffoodd.github.io/a11y.css (fetched 2026-08-29T11:23:40.357306+00:00, sha ab489f1f9bee)
- Data as of 2026-08-30T08:39:29.467469+00:00.