Checka11y.css Accessibility Testing Library Example

A pure CSS accessibility testing library to detect missing attributes and html tags needed for web accessibility.

Images: All images require an alt attribute, whether it has a value or is null

iframe: iframe has title attribute

Lists: All children of <ol> must only be <li>

Hello, I'm a div inside a <ol>

Lists: All children of <ul> must only be <li>

Hello, I'm a div inside a <ul>

Navigation: Only a single navigation element should exist

HTML: html tag should have a lang attribute

Description list: Direct children of a <dl> can only be <dt> and <dd>

Hello, I'm dt element inside dl element: Hello, I'm dd element inside dl element

External Links: Provide advanced warning to a user when a link opens in a new window or tab