Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanve/aid.css
A11y utility classes module
https://github.com/ryanve/aid.css
a11y accessibility css inclusion inclusive inclusive-design
Last synced: about 1 month ago
JSON representation
A11y utility classes module
- Host: GitHub
- URL: https://github.com/ryanve/aid.css
- Owner: ryanve
- License: mit
- Created: 2017-02-13T08:47:38.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-06-05T06:54:07.000Z (over 7 years ago)
- Last Synced: 2024-09-24T09:17:28.683Z (about 2 months ago)
- Topics: a11y, accessibility, css, inclusion, inclusive, inclusive-design
- Language: HTML
- Homepage: https://ryanve.github.io/aid.css/
- Size: 13.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
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
```html
You rock!
```
### `.aid-tab`
- visually hidden except shown as normal when focused
- useful for controls that you want visible when tabbed to
```html
skip
```
## aria
Favor `aria-label` [where supported](https://www.w3.org/TR/using-aria/#label-support) because it works without needing extra tags or CSS.
```html
```
## setup
```
npm install aid.css
```
```css
@import "node_modules/aid.css/aid";
```
## contribute
[Please report bugs or share techniques](../../issues)