Successfully reported this slideshow.

Twitter Accessibility

9

Share

Upcoming SlideShare
Technology lesson 1
Technology lesson 1
Loading in …3
×
1 of 20
1 of 20

More Related Content

Twitter Accessibility

  1. 1. Twitter Accessibility Jared Smith @jared_w_smith webaim.org
  2. 2. Use #csun09 hashtag in conference tweets Follow the tweets at csuntweetup.com
  3. 3. CAPTCHA Required for registration
  4. 4. CAPTCHA Completely Automated Public Turing test to Confuse the Hell out of your Audience
  5. 5. Inaccessible Buttons favorite (or ‘favourite’ for our Twittish friends), reply, and delete ‘buttons’ are not keyboard accessible
  6. 6. Inaccessible Buttons Focus Twitter Greasemonkey Script for Firefox places buttons in tab order - courtesy of Gez Lemon - juicystudio.com
  7. 7. Accesskeys 15 accesskeys for all major site functions These are rarely used. They have potential to conflict with assistive technology.
  8. 8. Tabindex Most form elements are unnecessarily assigned tabindex. The default tab order is sufficient and tabindex can be omitted.
  9. 9. Document Structure Headings are used, but incorrectly structured
  10. 10. Alt Text A few images are missing alt text (profile images), have redundant alt text, or inappropriate alt text (alt=”Icon_lock”)
  11. 11. In general, Twitter.com is a classic case of web accessibility poorly implemented.
  12. 12. ...but it would be very easy to fix. It’s usable, but not optimal.
  13. 13. Twitter API The API allows development of fully accessible Twitter applications (though most aren’t) ...but you still must sign up at twitter.com
  14. 14. Accessible Twitter http://accessibletwitter.com/
  15. 15. Optimizing Tweets for Accessibility Use @replies, #hashtags, and dm’s • @username replies to that user - though others can still see it. • #hashtag provides a searchable keyword (e.g., #csun09) • dm username sends a direct message
  16. 16. Optimizing Tweets for Accessibility Provide context Jared Smith is presenting at tweetup vs. @jared_w_smith is presenting at CSUN tweetup - http://csuntweetup.com/ #csun09 Provide context to @replies for those that follow only you.
  17. 17. Optimizing Tweets for Accessibility Use full URLs... unless you can’t http://webaim.org vs. http://is.gd/nRoE
  18. 18. Optimizing Tweets for Accessibility Be careful with abbreviations and language fwiw, I srsly <3 this kewl a11y tweetup. oktnxbai. This is unintelligible in a screen reader
  19. 19. Twitter Accessibility There’s not one right way to use Twitter, so make it your own
  20. 20. Twitter Accessibility Jared Smith @jared_w_smith webaim.org

×