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
Hello, I'm p(paragraph) element inside dl element.
External Links: Provide advanced warning to a user when a link opens in a new window or tab