Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Twitter Accessibility Jared Smith @jared_w_smith webaim.org
Use #csun09 hashtag in conference tweets Follow the tweets at csuntweetup.com
CAPTCHA Required for registration
CAPTCHA Completely Automated Public Turing test to Confuse the Hell out of your Audience
Inaccessible Buttons favorite (or ‘favourite’ for our Twittish friends), reply, and delete ‘buttons’ are not keyboard...
Inaccessible Buttons Focus Twitter Greasemonkey Script for Firefox places buttons in tab order - courtesy of ...
Accesskeys 15 accesskeys for all major site functions These are rarely used. They have potential to conflict with a...
Tabindex Most form elements are unnecessarily assigned tabindex. The default tab order is sufficient and ta...
Document Structure Headings are used, but incorrectly structured
Alt Text A few images are missing alt text (profile images), have redundant alt text, or inappropriate alt text (a...
In general, Twitter.com is a classic case of web accessibility poorly implemented.
...but it would be very easy to fix. It’s usable, but not optimal.
Twitter API The API allows development of fully accessible Twitter applications (though most aren...
Accessible Twitter http://accessibletwitter.com/
Optimizing Tweets for Accessibility Use @replies, #hashtags, and dm’s • @username replies to that user - t...
Optimizing Tweets for Accessibility Provide context Jared Smith is presenting at tweetup ...
Optimizing Tweets for Accessibility Use full URLs... unless you can’t http://webaim.org vs. http://is.gd/nRoE
Optimizing Tweets for Accessibility Be careful with abbreviations and language fwiw, I srsly <3 this kewl a11y tweet...
Twitter Accessibility There’s not one right way to use Twitter, so make it your own
Twitter Accessibility Jared Smith @jared_w_smith webaim.org
Upcoming SlideShare
Loading in …5
×

Twitter Accessibility

6,065 views

Published on

"Twitter Accessibility" micro-presentation given at CSUN conference tweetup by Jared Smith of WebAIM

Published in: Technology, Design
no profile picture user
  • Nice information about twitter..
    very interesting..

    Regards,
    http://www.melayubolehzone.co.cc/2010/08/hidup-seorang-blogger-seo-contest.html
    http://claimid.com/seorangblogger
    http://evoire.com/members/azuan/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thanks for sharing.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Jared, thanks for putting together these succinct comments. Many of them apply to programmers developing Twitter or related applications.

    As I tried to follow your suggestions in tweeting the presentation (@nancyf), I of course noticed that you had indeed used a URL shortener in your own tweet about it, and without one, I'm left with few available characters (slide 17).

    Another point that's within the user's control, avoiding the severe shortenings and unexpected abbreviations (slide 18), also gives us a challenge at being transparent and creative.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • great points, Jared! especially the ones on providing context in tweets so people can follow you and how screen readers can't read twitter shorthand.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great slides! And thanks for the link to AccessibleTwitter.com!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
Show More
Show More

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

×