Skip to content

danielmatthew/inaccessible.css

Repository files navigation

inaccessible.css

NPM Version 1.2.0 semantic-release

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