edent-gh/SuperTinyIcons
1
0
Fork 0
forked from edent/SuperTinyIcons
Code Pull Requests Activity

Adds accessibility (#53)

Browse Source 
* Adds ARIA to tiny SVG files
* Adds accessiblity info to the readme
This commit is contained in:
Léonie Watson
2017-11-26 16:41:31 +00:00
committed by Terence Eden
parent 14e21c9237
commit 0501a58a0d
79 changed files with 86 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -143,6 +143,14 @@ Want more icons? Tell me by raising an issue!
**New!** Icons also available in [Android Vector Drawables](https://developer.android.com/guide/topics/graphics/vector-drawable-resources.html) so you can easily use them in Android apps. Converted using https://github.com/inloop/svg2android/issues - not guaranteed to be under 1KB.
## Icon accessibility
The super tiny icons are accessible by default. Each icon has:
* `role="img"`, to expose the ```<svg>``` elements as images in the browser's accessibility tree
* `aria-label="XYZ"` (where XYZ is the icon's brand name), to give the icon an accessible name
`Note:` if using the ```<svg>``` as the `src` for an ```<img>``` element, the `alt` attribute should still be used on the ```<img>``` element because the ARIA is not recognised in this context.
## Submitting Icons
I'd *love* you to submit something 😸 The rules are simple, your icon must: