Accessible Twitter : ACCESS-IT@Web 2.0


Published on

Presentation given by Meera Tank (representing Dennis Lembree ) at the ACCESS-IT awards event in London. 23 September 2009.

Published in: Technology, Design
1 Comment
  • Fully accessible HTML version here:
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Accessible Twitter : ACCESS-IT@Web 2.0

  1. ACCESS-IT@Web 2.0 Accessible Twitter Meera Tank representing Dennis Lembree
  2. Summary <ul><li>Accessible Twitter provides a web-accessible and standards-compliant version of the Twitter web site, a very popular micro-blogging web service. </li></ul>
  3. Issues with <ul><li>Many web accessibility issues including: </li></ul><ul><ul><li>Some core functionality is not keyboard accessible. </li></ul></ul><ul><ul><li>Poor use of headings . </li></ul></ul><ul><ul><li>Much core functionality requires JavaScript . </li></ul></ul>
  4. Keyboard Accessible <ul><li>Keyboard cannot access Favorite, Reply, and Delete links. </li></ul><ul><li>ALL links are keyboard accessible. </li></ul>
  5. Use of Headings <ul><li>Poor use of headings </li></ul><ul><ul><li>Where are the tweets? </li></ul></ul><ul><ul><li>Can you find the menu? </li></ul></ul><ul><ul><li>What site is this? </li></ul></ul><ul><ul><li>What account is this? </li></ul></ul><ul><ul><li>Also: </li></ul></ul><ul><ul><ul><li>Why is the footer under Following? </li></ul></ul></ul><ul><ul><ul><li>“ Saved Searches” is a primary heading but doesn’t display on the page. </li></ul></ul></ul>
  6. Use of Headings <ul><li>Ideal use of headings </li></ul><ul><ul><li>Where are the tweets? </li></ul></ul><ul><ul><li>Can you find the menu? </li></ul></ul><ul><ul><li>What site is this? </li></ul></ul><ul><ul><li>What account is this? </li></ul></ul><ul><ul><li>*Names of Tweet authors are headings which greatly improves navigation for screen readers. </li></ul></ul>
  7. JavaScript <ul><li> requires JavaScript. Without it, the user is: </li></ul><ul><ul><li>Unable to Favorite a tweet. </li></ul></ul><ul><ul><li>Unable to Delete a tweet. </li></ul></ul><ul><ul><li>Unable to access the content under Trending Topics & Followers. </li></ul></ul><ul><ul><li>Unable to perform Actions on Followers and Following pages. </li></ul></ul>
  8. JavaScript <ul><li>Accessible Twitter is fully functional without JavaScript. </li></ul>
  9. Other issues with that Accessible Twitter addresses <ul><li>Sidebar navigation is inconsistent. </li></ul><ul><li>Links unclear (underlined removed, colors). </li></ul><ul><li>Custom colors may not be readable. </li></ul><ul><li>Code doesn't validate. </li></ul><ul><li>Code could use better semantics. </li></ul><ul><li>Form fields are missing labels. </li></ul><ul><li>Fieldset tags used without legends. </li></ul><ul><li>Layout width is static not flexible. </li></ul>
  10. Other Benefits <ul><ul><li>Works in text-only user-agents such as Lynx (thanks to progress enhancement). </li></ul></ul><ul><ul><li>Keyboard accessibility opens gate for many other types of input devices . </li></ul></ul><ul><ul><li>Providing clear, consistent content and navigation benefits those with cognitive impairments (and is more usable in general). </li></ul></ul><ul><ul><li>Use with a mobile device is possible. </li></ul></ul>
  11. Where it is currently offered <ul><li>Accessible Twitter is free to use. </li></ul><ul><li> </li></ul>
  12. Quotes from Users <ul><li>“ Wow! You have really made my day, and I am smiling once again. I am so excited that I found your Accessible Twitter. Now I feel that I can be in the cutting edge of everything that is happening in the Twitter Universe.” </li></ul><ul><li>Jacqueline </li></ul>
  13. Quotes from Users <ul><li>“ You can easily navigate by several methods; skip links, form fields, headings. Very effective with a screen reader.” </li></ul><ul><li>“ really easy with a Braille Display to use” </li></ul><ul><li>“ From now on my default web interface for Twitter! Keyboard accessible == touch accessible!” </li></ul>
  14. Quotes from Users <ul><li>“… seems to work nicely in Lynx. Main Twitter won't let me login and mobile site won't show followers.” </li></ul><ul><li>“ Liking it more than! Cleaner, easier, fun!” </li></ul><ul><li>“ Love this! So clear & Easy #dyslexia” </li></ul>
  15. Quotes from Users <ul><li>“ Good to see somebody doing Twitter’s job for them...” –Paul Boag </li></ul><ul><li>Read more: </li></ul>
  16. Promote Web Accessibility for Twitter <ul><li>Use Accessible Twitter </li></ul><ul><ul><li>Will be listed under “source” of status/tweet </li></ul></ul><ul><li>Discuss Accessible Twitter </li></ul><ul><ul><li>Benefits, drawbacks, other applications </li></ul></ul><ul><li>Donate to Accessible Twitter </li></ul><ul><ul><li>Via PayPal </li></ul></ul>
  17. Future Enhancements <ul><li>Many enhancements and features are planned including: </li></ul><ul><ul><li>Caching on Trends and Popular Links pages. </li></ul></ul><ul><ul><li>Better error handling. </li></ul></ul><ul><ul><li>Implement ARIA live regions. </li></ul></ul><ul><ul><li>Functionality to upload photos via Twitpic and/or yFrog. </li></ul></ul><ul><ul><li>Open Authentication. </li></ul></ul>
  18. Attend the Session <ul><li>“ Twitter & Web Accessibility” presented by Dennis Lembree. </li></ul><ul><li>12th Annual Accessing Higher Ground near Denver, Colorado. </li></ul><ul><li>“ Accessible Media, Web and Technology Conference” </li></ul><ul><li>10-14 Nov 2009 (Tue-Sat). </li></ul><ul><li>Session is scheduled at 9:15am Thu, 12 Nov. </li></ul>
  19. Web Accessibility Podcast & Blog <ul><li>The author of Accessible Twitter is also the founder of Web Axe, a podcast and blog focused on web accessibility. </li></ul><ul><li> </li></ul><ul><li>Since Sept 2005 </li></ul><ul><li>Approximately 3,000 RSS subscribers </li></ul>
  20. Contact Details <ul><li>Dennis Lembree </li></ul><ul><ul><li>Owner/Author </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>On Twitter </li></ul><ul><ul><li>@Accessible Twitr </li></ul></ul><ul><ul><li>@WebAxe </li></ul></ul><ul><ul><li>@DennisL </li></ul></ul>