JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q32736F
  • License MIT

CSS a11y module

Package Exports

  • aid.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (aid.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

aid.css = CSS accessibility classes with intent

classes

.aid-say

  • visually hidden but screenreader voiceover accessible
  • useful for providing spoken narration to voice listeners
<i class="aid-say">You rock!</i>

.aid-tab

  • visually hidden except shown as normal when focused
  • useful for controls that you want visible when tabbed to
<a href="#main" class="aid-tab">skip</a>

aria

Favor aria-label where supported because it works without needing extra tags or CSS.

<button aria-label="edit"><i class="icon icon-edit" aria-hidden="true"></i></button>

setup

npm install aid.css
@import "node_modules/aid.css/aid";

contribute

Please report bugs or share techniques