From 0501a58a0d50fd72da2e20dfecdbb31c103e4a9c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?L=C3=A9onie=20Watson?= Date: Sun, 26 Nov 2017 16:41:31 +0000 Subject: [PATCH] Adds accessibility (#53) * Adds ARIA to tiny SVG files * Adds accessiblity info to the readme --- README.md | 8 ++++++++ tiny/airbnb.svg | 2 +- tiny/amazon.svg | 2 +- tiny/android.svg | 2 +- tiny/apple.svg | 2 +- tiny/authy.svg | 2 +- tiny/bitbucket.svg | 2 +- tiny/bitcoin.svg | 2 +- tiny/blogger.svg | 2 +- tiny/bluetooth.svg | 2 +- tiny/cloudflare.svg | 2 +- tiny/codepen.svg | 2 +- tiny/delicious.svg | 2 +- tiny/digidentity.svg | 2 +- tiny/digitalocean.svg | 2 +- tiny/discord.svg | 2 +- tiny/disqus.svg | 2 +- tiny/docker.svg | 2 +- tiny/dropbox.svg | 2 +- tiny/ebay.svg | 2 +- tiny/email.svg | 2 +- tiny/evernote.svg | 2 +- tiny/facebook.svg | 2 +- tiny/flickr.svg | 2 +- tiny/ghost.svg | 2 +- tiny/github.svg | 2 +- tiny/gitlab.svg | 2 +- tiny/google.svg | 2 +- tiny/google_plus.svg | 2 +- tiny/hackernews.svg | 2 +- tiny/html5.svg | 2 +- tiny/ibm.svg | 2 +- tiny/instagram.svg | 2 +- tiny/keybase.svg | 2 +- tiny/kickstarter.svg | 2 +- tiny/lastpass.svg | 2 +- tiny/line.svg | 2 +- tiny/linkedin.svg | 2 +- tiny/lock.svg | 2 +- tiny/mail.svg | 2 +- tiny/mastodon.svg | 2 +- tiny/medium.svg | 2 +- tiny/meetup.svg | 2 +- tiny/npm.svg | 2 +- tiny/opensource.svg | 2 +- tiny/patreon.svg | 2 +- tiny/paypal.svg | 2 +- tiny/pdf.svg | 2 +- tiny/phone.svg | 2 +- tiny/pinterest.svg | 2 +- tiny/reddit.svg | 2 +- tiny/rss.svg | 2 +- tiny/skype.svg | 2 +- tiny/slideshare.svg | 2 +- tiny/snapchat.svg | 2 +- tiny/soundcloud.svg | 2 +- tiny/spotify.svg | 2 +- tiny/stackoverflow.svg | 2 +- tiny/steam.svg | 2 +- tiny/symantec.svg | 2 +- tiny/telegram.svg | 2 +- tiny/tox.svg | 2 +- tiny/trello.svg | 2 +- tiny/tumblr.svg | 2 +- tiny/twitter.svg | 2 +- tiny/ubuntu.svg | 2 +- tiny/vimeo.svg | 2 +- tiny/vk.svg | 2 +- tiny/wechat.svg | 2 +- tiny/whatsapp.svg | 2 +- tiny/wifi.svg | 2 +- tiny/wikipedia.svg | 2 +- tiny/windows.svg | 2 +- tiny/wire.svg | 2 +- tiny/wordpress.svg | 2 +- tiny/yahoo.svg | 2 +- tiny/yammer.svg | 2 +- tiny/youtube.svg | 2 +- tiny/yubico.svg | 2 +- 79 files changed, 86 insertions(+), 78 deletions(-) diff --git a/README.md b/README.md index 97dffc91..96857bf8 100644 --- a/README.md +++ b/README.md @@ -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 `````` 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 `````` as the `src` for an `````` element, the `alt` attribute should still be used on the `````` 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: diff --git a/tiny/airbnb.svg b/tiny/airbnb.svg index cbc84821..8cb151cf 100644 --- a/tiny/airbnb.svg +++ b/tiny/airbnb.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/amazon.svg b/tiny/amazon.svg index fce15713..10c96c6d 100644 --- a/tiny/amazon.svg +++ b/tiny/amazon.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/android.svg b/tiny/android.svg index 61f23853..1dfd775d 100644 --- a/tiny/android.svg +++ b/tiny/android.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/apple.svg b/tiny/apple.svg index 6938c1b8..b077a119 100644 --- a/tiny/apple.svg +++ b/tiny/apple.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/authy.svg b/tiny/authy.svg index f521e7de..dee65a34 100644 --- a/tiny/authy.svg +++ b/tiny/authy.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/bitbucket.svg b/tiny/bitbucket.svg index 9a2027d6..669c9cff 100644 --- a/tiny/bitbucket.svg +++ b/tiny/bitbucket.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/bitcoin.svg b/tiny/bitcoin.svg index fb0fa994..1943a376 100644 --- a/tiny/bitcoin.svg +++ b/tiny/bitcoin.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/blogger.svg b/tiny/blogger.svg index 501754fa..ced7a4e7 100644 --- a/tiny/blogger.svg +++ b/tiny/blogger.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/bluetooth.svg b/tiny/bluetooth.svg index 809c0d93..7a5ba053 100644 --- a/tiny/bluetooth.svg +++ b/tiny/bluetooth.svg @@ -1,4 +1,4 @@ - + + diff --git a/tiny/codepen.svg b/tiny/codepen.svg index 4ea7a508..00df993d 100644 --- a/tiny/codepen.svg +++ b/tiny/codepen.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/delicious.svg b/tiny/delicious.svg index 6a68d9df..8fe9ca8f 100644 --- a/tiny/delicious.svg +++ b/tiny/delicious.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/digidentity.svg b/tiny/digidentity.svg index b0b5c1bb..ae5dd606 100644 --- a/tiny/digidentity.svg +++ b/tiny/digidentity.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/digitalocean.svg b/tiny/digitalocean.svg index 8b6088aa..0eb6aa66 100644 --- a/tiny/digitalocean.svg +++ b/tiny/digitalocean.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/discord.svg b/tiny/discord.svg index 6c9de568..3aeb6847 100644 --- a/tiny/discord.svg +++ b/tiny/discord.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/disqus.svg b/tiny/disqus.svg index 38e74cb9..572f0fc4 100644 --- a/tiny/disqus.svg +++ b/tiny/disqus.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/docker.svg b/tiny/docker.svg index efa520b9..d85c60ee 100644 --- a/tiny/docker.svg +++ b/tiny/docker.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/dropbox.svg b/tiny/dropbox.svg index 0495b6f1..4bb63080 100644 --- a/tiny/dropbox.svg +++ b/tiny/dropbox.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/ebay.svg b/tiny/ebay.svg index c6c14f0c..fb398f09 100644 --- a/tiny/ebay.svg +++ b/tiny/ebay.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/email.svg b/tiny/email.svg index 5e3fd81d..1dd1fc50 100644 --- a/tiny/email.svg +++ b/tiny/email.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/evernote.svg b/tiny/evernote.svg index 8448068c..73dc4c14 100644 --- a/tiny/evernote.svg +++ b/tiny/evernote.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/facebook.svg b/tiny/facebook.svg index 9ebcdcf6..2ef666f5 100644 --- a/tiny/facebook.svg +++ b/tiny/facebook.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/flickr.svg b/tiny/flickr.svg index 67f99131..efcf1ffb 100644 --- a/tiny/flickr.svg +++ b/tiny/flickr.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/ghost.svg b/tiny/ghost.svg index ca7eb1bb..a4e2fa3c 100644 --- a/tiny/ghost.svg +++ b/tiny/ghost.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/github.svg b/tiny/github.svg index fcd6bd42..3e3845f0 100644 --- a/tiny/github.svg +++ b/tiny/github.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/gitlab.svg b/tiny/gitlab.svg index 801fe1fa..d3b2dcf7 100644 --- a/tiny/gitlab.svg +++ b/tiny/gitlab.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/google.svg b/tiny/google.svg index e67d3a9a..69b6a3f5 100644 --- a/tiny/google.svg +++ b/tiny/google.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/google_plus.svg b/tiny/google_plus.svg index 12ae380c..d00b5e28 100644 --- a/tiny/google_plus.svg +++ b/tiny/google_plus.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/hackernews.svg b/tiny/hackernews.svg index 477d9b82..218e05a2 100644 --- a/tiny/hackernews.svg +++ b/tiny/hackernews.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/html5.svg b/tiny/html5.svg index 7ef7dcd7..ce5e75e6 100644 --- a/tiny/html5.svg +++ b/tiny/html5.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/ibm.svg b/tiny/ibm.svg index 491e983d..d47af5b9 100644 --- a/tiny/ibm.svg +++ b/tiny/ibm.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/instagram.svg b/tiny/instagram.svg index ffbdef19..de823a6e 100644 --- a/tiny/instagram.svg +++ b/tiny/instagram.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/keybase.svg b/tiny/keybase.svg index 07961b8f..453d9f3d 100644 --- a/tiny/keybase.svg +++ b/tiny/keybase.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/kickstarter.svg b/tiny/kickstarter.svg index 30a8a784..06c22ecd 100644 --- a/tiny/kickstarter.svg +++ b/tiny/kickstarter.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/lastpass.svg b/tiny/lastpass.svg index b770a751..a8232748 100644 --- a/tiny/lastpass.svg +++ b/tiny/lastpass.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/line.svg b/tiny/line.svg index 0949b75d..c81e3962 100644 --- a/tiny/line.svg +++ b/tiny/line.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/linkedin.svg b/tiny/linkedin.svg index 469553bc..7ccf519e 100644 --- a/tiny/linkedin.svg +++ b/tiny/linkedin.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/lock.svg b/tiny/lock.svg index 22089aa2..4986ad15 100644 --- a/tiny/lock.svg +++ b/tiny/lock.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/mail.svg b/tiny/mail.svg index df450f42..56f60c97 100644 --- a/tiny/mail.svg +++ b/tiny/mail.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/mastodon.svg b/tiny/mastodon.svg index b70cc361..cd755a93 100644 --- a/tiny/mastodon.svg +++ b/tiny/mastodon.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/medium.svg b/tiny/medium.svg index 7ecd0d80..00ed8154 100644 --- a/tiny/medium.svg +++ b/tiny/medium.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/meetup.svg b/tiny/meetup.svg index 889d8094..4baf3e5c 100644 --- a/tiny/meetup.svg +++ b/tiny/meetup.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/npm.svg b/tiny/npm.svg index 9058011e..a0d50489 100644 --- a/tiny/npm.svg +++ b/tiny/npm.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/opensource.svg b/tiny/opensource.svg index 5364c2cd..8f780915 100644 --- a/tiny/opensource.svg +++ b/tiny/opensource.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/patreon.svg b/tiny/patreon.svg index a21579b9..c00c0dfc 100644 --- a/tiny/patreon.svg +++ b/tiny/patreon.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/paypal.svg b/tiny/paypal.svg index 37c6cfba..19579c48 100644 --- a/tiny/paypal.svg +++ b/tiny/paypal.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/pdf.svg b/tiny/pdf.svg index 68b484c1..92ec15e4 100644 --- a/tiny/pdf.svg +++ b/tiny/pdf.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/phone.svg b/tiny/phone.svg index bcd808f0..e6922a3f 100644 --- a/tiny/phone.svg +++ b/tiny/phone.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/pinterest.svg b/tiny/pinterest.svg index 0d9b6092..7f107aec 100644 --- a/tiny/pinterest.svg +++ b/tiny/pinterest.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/reddit.svg b/tiny/reddit.svg index b8d78151..8727110a 100644 --- a/tiny/reddit.svg +++ b/tiny/reddit.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/rss.svg b/tiny/rss.svg index 9c8bf60a..bc2d1879 100644 --- a/tiny/rss.svg +++ b/tiny/rss.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/skype.svg b/tiny/skype.svg index d062e3a1..b46db197 100644 --- a/tiny/skype.svg +++ b/tiny/skype.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/slideshare.svg b/tiny/slideshare.svg index 6a49b986..8d8aacd6 100644 --- a/tiny/slideshare.svg +++ b/tiny/slideshare.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/snapchat.svg b/tiny/snapchat.svg index 5926e671..1e1497e0 100644 --- a/tiny/snapchat.svg +++ b/tiny/snapchat.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/soundcloud.svg b/tiny/soundcloud.svg index e0753a1d..29cf4aa1 100644 --- a/tiny/soundcloud.svg +++ b/tiny/soundcloud.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/spotify.svg b/tiny/spotify.svg index 43489644..be31fb75 100644 --- a/tiny/spotify.svg +++ b/tiny/spotify.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/stackoverflow.svg b/tiny/stackoverflow.svg index d7d0c79e..61b26c4e 100644 --- a/tiny/stackoverflow.svg +++ b/tiny/stackoverflow.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/steam.svg b/tiny/steam.svg index 837e884f..7ff30860 100644 --- a/tiny/steam.svg +++ b/tiny/steam.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/symantec.svg b/tiny/symantec.svg index 9cb26eec..b2db61df 100644 --- a/tiny/symantec.svg +++ b/tiny/symantec.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/telegram.svg b/tiny/telegram.svg index 715be8a7..8a7213c3 100644 --- a/tiny/telegram.svg +++ b/tiny/telegram.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/tox.svg b/tiny/tox.svg index dc6a39f6..141c7e07 100644 --- a/tiny/tox.svg +++ b/tiny/tox.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/trello.svg b/tiny/trello.svg index e4763820..6d168d3f 100644 --- a/tiny/trello.svg +++ b/tiny/trello.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/tumblr.svg b/tiny/tumblr.svg index 66132c16..bb09e135 100644 --- a/tiny/tumblr.svg +++ b/tiny/tumblr.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/twitter.svg b/tiny/twitter.svg index 6f28a211..e218e470 100644 --- a/tiny/twitter.svg +++ b/tiny/twitter.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/ubuntu.svg b/tiny/ubuntu.svg index 112bdbc1..ce552c3d 100644 --- a/tiny/ubuntu.svg +++ b/tiny/ubuntu.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/vimeo.svg b/tiny/vimeo.svg index 8e650161..67f0c470 100644 --- a/tiny/vimeo.svg +++ b/tiny/vimeo.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/vk.svg b/tiny/vk.svg index 4adf725f..648333ae 100644 --- a/tiny/vk.svg +++ b/tiny/vk.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/wechat.svg b/tiny/wechat.svg index bf68b3b2..0064e6d1 100644 --- a/tiny/wechat.svg +++ b/tiny/wechat.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/whatsapp.svg b/tiny/whatsapp.svg index 0b0e14a1..48b1e419 100644 --- a/tiny/whatsapp.svg +++ b/tiny/whatsapp.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/wifi.svg b/tiny/wifi.svg index a8e4bee8..f124a102 100644 --- a/tiny/wifi.svg +++ b/tiny/wifi.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/wikipedia.svg b/tiny/wikipedia.svg index 4422e02b..a79f730c 100644 --- a/tiny/wikipedia.svg +++ b/tiny/wikipedia.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/windows.svg b/tiny/windows.svg index 3a6a1453..973d1ced 100644 --- a/tiny/windows.svg +++ b/tiny/windows.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/wire.svg b/tiny/wire.svg index 462f33e2..6dc075ed 100644 --- a/tiny/wire.svg +++ b/tiny/wire.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/wordpress.svg b/tiny/wordpress.svg index 3e0199b7..18cca634 100644 --- a/tiny/wordpress.svg +++ b/tiny/wordpress.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/yahoo.svg b/tiny/yahoo.svg index 41200de8..2854fb45 100644 --- a/tiny/yahoo.svg +++ b/tiny/yahoo.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/yammer.svg b/tiny/yammer.svg index 5257e5ad..97fbd2fc 100644 --- a/tiny/yammer.svg +++ b/tiny/yammer.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/tiny/youtube.svg b/tiny/youtube.svg index 11dcd8b5..f9330263 100644 --- a/tiny/youtube.svg +++ b/tiny/youtube.svg @@ -1,4 +1,4 @@ - + diff --git a/tiny/yubico.svg b/tiny/yubico.svg index 8c656950..fcd8d95d 100644 --- a/tiny/yubico.svg +++ b/tiny/yubico.svg @@ -1,4 +1,4 @@ - +