Global Accessibility Awareness Day 2017
This year for Global Accessibility Awareness Day I opted to follow my lead from last year and tweet a series of links to articles I have written. Unlike last year, I am making it into a post so I can share it more easily.
Below are fifteen tweets with two links each, originally spaced out over roughly fifteen hours (I was flying back home, so that messed up timing a bit). They are all part of the general #GAAD hashtag on Twitter, so you may have seen some of them whiz by your timeline if you were following it.
Note that I replaced all the t.co links in the embedded tweets with the proper URLs, so at least for those with JavaScript disabled you can still visit the links without a Twitter round-trip.
Simple #a11y tips:
• Keep underlines on links: rosel.li/031414
• Don’t remove:focus
styles: rosel.li/061814
#GAAD
Simple #a11y tips:
• Don’t use more than one<h1>
: rosel.li/122313
• Stop trying to sniff for SRs: rosel.li/030314
#GAAD
Simple #a11y tips:
• Don’t usetabindex
values > 0: rosel.li/111814
• Maybe usetabindex=-1|0
: rosel.li/022916
#GAAD
Simple #a11y tips:
• Captions are used by all: rosel.li/111313
• Adjust YouTube playback speed: rosel.li/070814
#GAAD
Simple #a11y tips:
• Avoid infinite scroll: rosel.li/053114
• …Often driven by vanity stats: rosel.li/051715
#GAAD
Simple #a11y tips:
• Set lang on<html>
tag: rosel.li/011115
• Use good typography (vs typefaces): rosel.li/031415
#GAAD
Simple #a11y tips:
• Twitter hasalt
text for images: rosel.li/033016
• Bookmarklets for testing: rosel.li/012415
#GAAD
Simple #a11y tips:
• Source order matters: rosel.li/090915
• Be careful of CSS re-ordering: rosel.li/102515
#GAAD
Simple #a11y tips:
• Use only one<main>
on a page: rosel.li/092015
• Do not disable zoom: rosel.li/100515
#GAAD
Simple #a11y tips:
• Be wary of a11y add-ons: rosel.li/110815
• Be wary of vendor guarantees: rosel.li/032816
#GAAD
Simple #a11y tips:
• Test in Windows High Contrast Mode: rosel.li/082512
• Share what you learn: rosel.li/071015
#GAAD
Simple #a11y tips:
• Not all screen reader users are blind: rosel.li/021517
• Accessible emoji: rosel.li/123016
#GAAD
Simple #a11y tips:
• Don’t nest interactives: rosel.li/120416
• Don’t re-create browser features: rosel.li/121516
#GAAD
Simple #a11y tips:
• Avoid messages under fields: rosel.li/011717
• No document outline algorithm: rosel.li/082916
#GAAD
Simple #a11y tips:
• Underline in-content links: rosel.li/061516
• Avoid default focus styles: rosel.li/020417
#GAAD
fin.
Leave a Comment or Response