WCAG 2.2 CSS Lint Tool Flags Accessibility Gaps Older Tools Miss

A CSS linting tool designed around WCAG 2.2 identified 14 accessibility findings across 61 lines of a typical frontend stylesheet, including three criteria introduced after WCAG 2.1. The new criteria — Target Size Minimum (2.5.8), Focus Not Obscured (2.4.11), and Focus Appearance (2.4.13) — are largely determined by CSS rules yet are invisible to linters or AI tools trained on older WCAG 2.1 standards. Common violations found included icon buttons under the required 24px touch target, sticky headers obscuring focused elements, and focus outlines that were too thin or suppressed entirely. Unlike browser-based tools such as Axe or Lighthouse, a stylesheet linter inspects source code directly, catching issues before a page route even exists. The tool's release coincides with the European Accessibility Act coming into force on 28 June 2025, making early detection increasingly important to avoid costly third-party audits.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in