inaccessible.css
A stylesheet to highlight inaccessible markup. It'll add an obnoxious red outline around elements which are lacking important attributes.
Violations
The stylesheet will highlight the following accessibility mistakes:
- Document missing the
lang - Images missing an
alt - Labels without a
for - Links without an
href - iframes without a
title
Usage
CSS
Add inaccessible.css to the document head:
<link href="inacessible.css" rel="stylesheet">SCSS
Import inaccessible.scss into your stylesheet:
@import 'inaccessible';
body { … }