- visually hidden but screenreader voiceover accessible
- useful for providing spoken narration to voice listeners
<i class="aid-say">You rock!</i>
- 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>
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>
npm install aid.css
@import "node_modules/aid.css/aid";