Introducing the accessible components library

Title “Introducing the Accessible Components Library”, “by Craig Abbott”, a toy brick with a code icon, author’s photo, and TetraLogical logo.

Craig Abbott presents TetraLogical’s open-source library of eight components, including accordion, dialog, tabs, and text input, with HTML, CSS, and JS code and documentation. Each component maps to WCAG 2.2 criteria, written as Gherkin scenarios and run in a real browser via Cucumber and Playwright, using keyboard and mouse. About 97% of scenarios are automated, and the rest form a manual checklist.

tetralogical.com/blog/2026/10/14/accessible-components-library