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 { … }