SlideShare una empresa de Scribd logo
1 de 47
Accessibility of Twitter ,[object Object]
Presented By Joseph Karr O’Connor @csunwebmaster Dennis Lembrée @dennisl
Agenda ,[object Object],[object Object],[object Object],[object Object]
Agenda ,[object Object]
1.1 What Is Twitter? “ Shmoos have the ability to change themselves into anything necessary for human existence but not into luxury items.” " Class Counts " (Cambridge, 1997) Erik Olin Wright Twitter is a shmoo Shmoo from  Al Capp's  Li'l Abner
1.2 What Is Twitter? ,[object Object]
1.2 What Is Twitter? ,[object Object]
600 Tweets a second!
1.3 What Is Twitter?
1.3 What Is Twitter?
1.3 What Is Twitter?
Intermission
2.1 Accessibility of Twitter.com Twitter.com login page: 2.1a  Two “click here” links. 2.1b  Text links are not underlined. 2.1c  Language select dropdown missing submit button.
2.1 Accessibility of Twitter.com Twitter.com login page: 2.1d  Language select dropdown requires JavaScript. 2.1e  Poor color contrast - blue on blue. 2.1f  Link named “Forgot?” - forgot what?
2.2 Accessibility of Twitter.com Twitter.com: 2.2a  Core functionality is not keyboard accessible. 2.2b  Poor use of headings. 2.2c  Much core functionality requires JavaScript.
2.2 Accessibility of Twitter.com Twitter.com: 2.2d  Keyboard cannot access Favorite, Reply, and Retweet.
2.3 Accessibility of Twitter.com Twitter.com: Poor use of headings: 2.3a  What site is this? 2.3b  Is my account name or info here? 2.3c  Where are the tweets? 2.3d  Where is the menu? 2.3e  Why is the footer under the heading “Create a new list”?
2.4 Accessibility of Twitter.com Twitter.com: Requires JavaScript.  Without it, the user is unable to: 2.4a  Favorite a tweet. 2.4b  Delete a tweet. 2.4c  Access the content under Trending Topics & Followers. 2.4d  Perform core actions on Followers and Following pages. 2.4e  Exception: Reply to tweet  does  work without JavaScript.
2.5 Accessibility of Twitter.com Twitter.com: Code doesn’t validate, could use better semantics. 2.5a  Links unclear: 1. underlines removed 2. :hover pseudo class effects, but no :focus 3. poor color contrast 2.5b  Sidebar navigation is inconsistent.
2.5 Accessibility of Twitter.com Twitter.com: Code doesn’t validate, could use better semantics. 2.5c  Form mark-up needs help: 1. Form fields are missing labels. 2. Fieldset tags used without legends. 2.5d   Layout width is static, not flexible. 2.5e  Custom colors may not be readable.
Geocities is dead,  long live Geocities!
3.1 Accessibility of Accessibletwitter.com ,[object Object]
3.1 Accessibility of Accessibletwitter.com ,[object Object],[object Object]
3.2 Accessibility of Accessibletwitter.com ,[object Object]
3.3 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.4 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.5 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.5 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.6 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.6 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.7 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object]
3.7 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.8 Accessibility of Accessibletwitter.com ,[object Object],[object Object]
3.8 Accessibility of Accessibletwitter.com ,[object Object],[object Object],[object Object],[object Object]
3.8 Accessibility of Accessibletwitter.com ,[object Object],[object Object]
3.9 Accessibility of Accessibletwitter.com ,[object Object]
4.1 Accessible Twitter Apps and Tweets 4.1a   Qwitter Desktop client for screen readers http:// qwitter-client.net / 4.1b   TwInbox  (previously McTwit) Plug -in for  MS Outlook http://techhit.com/TwInbox/
4.1 Accessible Twitter Apps and Tweets 4.1c   Slandr Mobile site, web-based http:/ /m.slandr.net/ 4.1d   Dabr Mobile site, web-bas ed h ttp://m.dabr.co.uk/ 4.1e   Tw eete Mobile site, w eb-based http://m.tweete.ne t /
4.2 Accessible Twitter Apps and Tweets 4.2a  The #csun10s Project: The authors Tweeted for participation in this presentation by users of assistive tech. @stormdragon2976 and @aablog wrote about Linux and Mac environments.
4.2 Accessible Twitter Apps and Tweets 4.2b  @sarahebourne wrote a  report  about using accessibletwitter.com on her Kindle with the bare-minimum browser.
4.2 Accessible Twitter Apps and Tweets 4.2c  @debugon mentioned iPhone use. Many iPhones are in use by users of assistive tech.
4.3 Accessible Twitter Apps and Tweets Guidelines for Accessible Tweets 4.4a  Don’t overuse abbreviations. 4.4b  Shorten link URLs. 4.4c  Use simple language. 4.4d  Don’t use a foreign language without saying so, or by making it obvious (enclosing with quotes, for example).
Contact Information Dennis Lembree I like motorcycling, Star Wars, espresso, Woody Allen movies, and playing guitar. Web Sites www.DennisLembree.com www.WebOverhauls.com WebAxe.blogspot.com Twitter Accounts @AccessibleTwitr @WebAxe @DennisL
Contact Information Joseph Karr O’Connor I like loving, making, learning, and sailing. Web Sites www.csun.edu www.blacktelephone.com www.youtube.com/josephkoconnor Twitter Accounts @csunwebmaster @blacktelephone
Where Where you can see and download this presentation: http://www.slideshare.net/csunwebmaster

Más contenido relacionado

La actualidad más candente

Guide to Using TweetDeck
Guide to Using TweetDeckGuide to Using TweetDeck
Guide to Using TweetDeck
Bold Creative
 
Twitter powerpoint project
Twitter powerpoint projectTwitter powerpoint project
Twitter powerpoint project
JColon624
 
Free Tech tools Feb 2012
Free Tech tools Feb 2012Free Tech tools Feb 2012
Free Tech tools Feb 2012
Stacey Alcorn
 
Top 10 microblogging tools
Top 10 microblogging toolsTop 10 microblogging tools
Top 10 microblogging tools
iumstech
 

La actualidad más candente (15)

Guide to Using TweetDeck
Guide to Using TweetDeckGuide to Using TweetDeck
Guide to Using TweetDeck
 
Twitter powerpoint project
Twitter powerpoint projectTwitter powerpoint project
Twitter powerpoint project
 
What The Fuck Is Web Squared - Web²
What The Fuck Is Web Squared - Web²What The Fuck Is Web Squared - Web²
What The Fuck Is Web Squared - Web²
 
What is Instagram
What is  InstagramWhat is  Instagram
What is Instagram
 
Social media apps presentations
Social media apps presentationsSocial media apps presentations
Social media apps presentations
 
Blogosphere
BlogosphereBlogosphere
Blogosphere
 
Social media marketing
Social media marketingSocial media marketing
Social media marketing
 
Use of Twitter and social media
Use of Twitter and social mediaUse of Twitter and social media
Use of Twitter and social media
 
Free Tech tools Feb 2012
Free Tech tools Feb 2012Free Tech tools Feb 2012
Free Tech tools Feb 2012
 
Twitter How To Set Up An Account
Twitter How To Set Up An AccountTwitter How To Set Up An Account
Twitter How To Set Up An Account
 
Social media comm photo sharing project
Social media comm photo sharing projectSocial media comm photo sharing project
Social media comm photo sharing project
 
SHRM North Central Student Conference
SHRM North Central Student ConferenceSHRM North Central Student Conference
SHRM North Central Student Conference
 
Microblogging
MicrobloggingMicroblogging
Microblogging
 
Top 10 microblogging tools
Top 10 microblogging toolsTop 10 microblogging tools
Top 10 microblogging tools
 
Social media
Social mediaSocial media
Social media
 

Destacado

Mapas conceptuales de sophia navarrete
Mapas conceptuales de sophia navarreteMapas conceptuales de sophia navarrete
Mapas conceptuales de sophia navarrete
soph3011
 
CONVITE TMA SANTA JOANA DOS MATADOUROS
CONVITE TMA SANTA JOANA DOS MATADOUROSCONVITE TMA SANTA JOANA DOS MATADOUROS
CONVITE TMA SANTA JOANA DOS MATADOUROS
Sinapsa
 
Responsive Design - Polopoly GeekNight Blixttal
Responsive Design - Polopoly GeekNight BlixttalResponsive Design - Polopoly GeekNight Blixttal
Responsive Design - Polopoly GeekNight Blixttal
Henrik Ekelöf
 
market research and audience theory
market research and audience theorymarket research and audience theory
market research and audience theory
sallymcmanus
 
NBMBAA 2015 Outstanding MBA of the Year Award
NBMBAA 2015 Outstanding MBA of the Year AwardNBMBAA 2015 Outstanding MBA of the Year Award
NBMBAA 2015 Outstanding MBA of the Year Award
Marylyn Harris
 

Destacado (20)

Xeirismoi 1
Xeirismoi 1Xeirismoi 1
Xeirismoi 1
 
Mapas conceptuales de sophia navarrete
Mapas conceptuales de sophia navarreteMapas conceptuales de sophia navarrete
Mapas conceptuales de sophia navarrete
 
Revolución del neolítico
Revolución del neolíticoRevolución del neolítico
Revolución del neolítico
 
Presentación sobre el futbol
Presentación sobre el futbolPresentación sobre el futbol
Presentación sobre el futbol
 
Workshop: Social Media for the Fashion & Textile Industries
Workshop: Social Media for the Fashion & Textile IndustriesWorkshop: Social Media for the Fashion & Textile Industries
Workshop: Social Media for the Fashion & Textile Industries
 
CONVITE TMA SANTA JOANA DOS MATADOUROS
CONVITE TMA SANTA JOANA DOS MATADOUROSCONVITE TMA SANTA JOANA DOS MATADOUROS
CONVITE TMA SANTA JOANA DOS MATADOUROS
 
Responsive Design - Polopoly GeekNight Blixttal
Responsive Design - Polopoly GeekNight BlixttalResponsive Design - Polopoly GeekNight Blixttal
Responsive Design - Polopoly GeekNight Blixttal
 
market research and audience theory
market research and audience theorymarket research and audience theory
market research and audience theory
 
Capturing the Elusive: Accounting for Study Attrition and Complex Trajectori...
Capturing the Elusive:  Accounting for Study Attrition and Complex Trajectori...Capturing the Elusive:  Accounting for Study Attrition and Complex Trajectori...
Capturing the Elusive: Accounting for Study Attrition and Complex Trajectori...
 
Social Media The Good, The Bad and The Ugly
Social Media The Good, The Bad and The UglySocial Media The Good, The Bad and The Ugly
Social Media The Good, The Bad and The Ugly
 
Sightlines' CarbonMAP & Validation Services
Sightlines' CarbonMAP & Validation ServicesSightlines' CarbonMAP & Validation Services
Sightlines' CarbonMAP & Validation Services
 
Visión
VisiónVisión
Visión
 
NBMBAA 2015 Outstanding MBA of the Year Award
NBMBAA 2015 Outstanding MBA of the Year AwardNBMBAA 2015 Outstanding MBA of the Year Award
NBMBAA 2015 Outstanding MBA of the Year Award
 
Gradle 2.2, 2.3 news #jggug
Gradle 2.2, 2.3 news #jggugGradle 2.2, 2.3 news #jggug
Gradle 2.2, 2.3 news #jggug
 
Usabilidad - Productos que ame la gente
Usabilidad  - Productos que ame la gente  Usabilidad  - Productos que ame la gente
Usabilidad - Productos que ame la gente
 
Linkedin, Creating Your Professional Profile
Linkedin, Creating Your Professional ProfileLinkedin, Creating Your Professional Profile
Linkedin, Creating Your Professional Profile
 
Nova presentation 2014-03-11 4 new
Nova presentation   2014-03-11 4 newNova presentation   2014-03-11 4 new
Nova presentation 2014-03-11 4 new
 
アップロードテスト
アップロードテストアップロードテスト
アップロードテスト
 
6th biosimilars congregation 2015
6th biosimilars congregation 20156th biosimilars congregation 2015
6th biosimilars congregation 2015
 
Os talentos vivem no LinkedIn - Osvaldo Barbosa de Oliveira, ConnectIn 2016
Os talentos vivem no LinkedIn - Osvaldo Barbosa de Oliveira, ConnectIn 2016 Os talentos vivem no LinkedIn - Osvaldo Barbosa de Oliveira, ConnectIn 2016
Os talentos vivem no LinkedIn - Osvaldo Barbosa de Oliveira, ConnectIn 2016
 

Similar a Accessibility of Twitter

Microblogging
MicrobloggingMicroblogging
Microblogging
rdotd
 
Apps that support and enhance the value of twitter
Apps that support and enhance the value of twitterApps that support and enhance the value of twitter
Apps that support and enhance the value of twitter
Rita Zeinstejer
 

Similar a Accessibility of Twitter (20)

Accessible Twitter : ACCESS-IT@Web 2.0
Accessible Twitter : ACCESS-IT@Web 2.0Accessible Twitter : ACCESS-IT@Web 2.0
Accessible Twitter : ACCESS-IT@Web 2.0
 
Twitter and Web Accessibility AHG 2009 Nov12
Twitter and Web Accessibility AHG 2009 Nov12Twitter and Web Accessibility AHG 2009 Nov12
Twitter and Web Accessibility AHG 2009 Nov12
 
Accessible Twitter at Open Web Camp
Accessible Twitter at Open Web CampAccessible Twitter at Open Web Camp
Accessible Twitter at Open Web Camp
 
"Twitter and Web Accessibility" INDATA Conference 2010
"Twitter and Web Accessibility" INDATA Conference 2010"Twitter and Web Accessibility" INDATA Conference 2010
"Twitter and Web Accessibility" INDATA Conference 2010
 
Twitter and Web Accessibility (EASI Webinar)
Twitter and Web Accessibility (EASI Webinar)Twitter and Web Accessibility (EASI Webinar)
Twitter and Web Accessibility (EASI Webinar)
 
Microblogging
MicrobloggingMicroblogging
Microblogging
 
Social bookmarking
Social bookmarkingSocial bookmarking
Social bookmarking
 
Social bookmarking
Social bookmarkingSocial bookmarking
Social bookmarking
 
Social bookmarking
Social bookmarkingSocial bookmarking
Social bookmarking
 
Public Health And Web 2.0, Michigan Public Health Technology Conference 2009
Public Health And Web 2.0, Michigan Public Health Technology Conference 2009Public Health And Web 2.0, Michigan Public Health Technology Conference 2009
Public Health And Web 2.0, Michigan Public Health Technology Conference 2009
 
Apps that support and enhance the value of twitter
Apps that support and enhance the value of twitterApps that support and enhance the value of twitter
Apps that support and enhance the value of twitter
 
@twitter Try out #Grabeeter to Export, Archive and Search Your Tweets
@twitter Try out #Grabeeter to Export, Archive and Search Your Tweets@twitter Try out #Grabeeter to Export, Archive and Search Your Tweets
@twitter Try out #Grabeeter to Export, Archive and Search Your Tweets
 
LESSON 1 INFORMATION AND COMMUNICATION TECHNOLOGY.pptx
LESSON 1 INFORMATION AND COMMUNICATION TECHNOLOGY.pptxLESSON 1 INFORMATION AND COMMUNICATION TECHNOLOGY.pptx
LESSON 1 INFORMATION AND COMMUNICATION TECHNOLOGY.pptx
 
Developing accessible experiences - Alison Walden
Developing accessible experiences - Alison WaldenDeveloping accessible experiences - Alison Walden
Developing accessible experiences - Alison Walden
 
@twitter Mining #Microblogs Using #Semantic Technologies
@twitter Mining #Microblogs Using #Semantic Technologies@twitter Mining #Microblogs Using #Semantic Technologies
@twitter Mining #Microblogs Using #Semantic Technologies
 
Swap2010 twitter minining using semantic web technologies and linked data
Swap2010 twitter minining using semantic web technologies and linked dataSwap2010 twitter minining using semantic web technologies and linked data
Swap2010 twitter minining using semantic web technologies and linked data
 
Web20
Web20Web20
Web20
 
Web 2
Web 2Web 2
Web 2
 
Web20
Web20Web20
Web20
 
Web20
Web20Web20
Web20
 

Último

怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 

Último (20)

Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu DhabiAbu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call GirlsDahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
Dahisar Comfortable Call Girls ,09167354423,Mira Road Model Call Girls
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
Aminabad * High Profile Escorts Service in Lucknow Phone No 9548273370 Elite ...
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 

Accessibility of Twitter

  • 1.
  • 2. Presented By Joseph Karr O’Connor @csunwebmaster Dennis Lembrée @dennisl
  • 3.
  • 4.
  • 5. 1.1 What Is Twitter? “ Shmoos have the ability to change themselves into anything necessary for human existence but not into luxury items.” " Class Counts " (Cambridge, 1997) Erik Olin Wright Twitter is a shmoo Shmoo from Al Capp's Li'l Abner
  • 6.
  • 7.
  • 8. 600 Tweets a second!
  • 9. 1.3 What Is Twitter?
  • 10. 1.3 What Is Twitter?
  • 11. 1.3 What Is Twitter?
  • 13. 2.1 Accessibility of Twitter.com Twitter.com login page: 2.1a Two “click here” links. 2.1b Text links are not underlined. 2.1c Language select dropdown missing submit button.
  • 14. 2.1 Accessibility of Twitter.com Twitter.com login page: 2.1d Language select dropdown requires JavaScript. 2.1e Poor color contrast - blue on blue. 2.1f Link named “Forgot?” - forgot what?
  • 15. 2.2 Accessibility of Twitter.com Twitter.com: 2.2a Core functionality is not keyboard accessible. 2.2b Poor use of headings. 2.2c Much core functionality requires JavaScript.
  • 16. 2.2 Accessibility of Twitter.com Twitter.com: 2.2d Keyboard cannot access Favorite, Reply, and Retweet.
  • 17. 2.3 Accessibility of Twitter.com Twitter.com: Poor use of headings: 2.3a What site is this? 2.3b Is my account name or info here? 2.3c Where are the tweets? 2.3d Where is the menu? 2.3e Why is the footer under the heading “Create a new list”?
  • 18. 2.4 Accessibility of Twitter.com Twitter.com: Requires JavaScript. Without it, the user is unable to: 2.4a Favorite a tweet. 2.4b Delete a tweet. 2.4c Access the content under Trending Topics & Followers. 2.4d Perform core actions on Followers and Following pages. 2.4e Exception: Reply to tweet does work without JavaScript.
  • 19. 2.5 Accessibility of Twitter.com Twitter.com: Code doesn’t validate, could use better semantics. 2.5a Links unclear: 1. underlines removed 2. :hover pseudo class effects, but no :focus 3. poor color contrast 2.5b Sidebar navigation is inconsistent.
  • 20. 2.5 Accessibility of Twitter.com Twitter.com: Code doesn’t validate, could use better semantics. 2.5c Form mark-up needs help: 1. Form fields are missing labels. 2. Fieldset tags used without legends. 2.5d Layout width is static, not flexible. 2.5e Custom colors may not be readable.
  • 21. Geocities is dead, long live Geocities!
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. 4.1 Accessible Twitter Apps and Tweets 4.1a Qwitter Desktop client for screen readers http:// qwitter-client.net / 4.1b TwInbox (previously McTwit) Plug -in for MS Outlook http://techhit.com/TwInbox/
  • 40. 4.1 Accessible Twitter Apps and Tweets 4.1c Slandr Mobile site, web-based http:/ /m.slandr.net/ 4.1d Dabr Mobile site, web-bas ed h ttp://m.dabr.co.uk/ 4.1e Tw eete Mobile site, w eb-based http://m.tweete.ne t /
  • 41. 4.2 Accessible Twitter Apps and Tweets 4.2a The #csun10s Project: The authors Tweeted for participation in this presentation by users of assistive tech. @stormdragon2976 and @aablog wrote about Linux and Mac environments.
  • 42. 4.2 Accessible Twitter Apps and Tweets 4.2b @sarahebourne wrote a report about using accessibletwitter.com on her Kindle with the bare-minimum browser.
  • 43. 4.2 Accessible Twitter Apps and Tweets 4.2c @debugon mentioned iPhone use. Many iPhones are in use by users of assistive tech.
  • 44. 4.3 Accessible Twitter Apps and Tweets Guidelines for Accessible Tweets 4.4a Don’t overuse abbreviations. 4.4b Shorten link URLs. 4.4c Use simple language. 4.4d Don’t use a foreign language without saying so, or by making it obvious (enclosing with quotes, for example).
  • 45. Contact Information Dennis Lembree I like motorcycling, Star Wars, espresso, Woody Allen movies, and playing guitar. Web Sites www.DennisLembree.com www.WebOverhauls.com WebAxe.blogspot.com Twitter Accounts @AccessibleTwitr @WebAxe @DennisL
  • 46. Contact Information Joseph Karr O’Connor I like loving, making, learning, and sailing. Web Sites www.csun.edu www.blacktelephone.com www.youtube.com/josephkoconnor Twitter Accounts @csunwebmaster @blacktelephone
  • 47. Where Where you can see and download this presentation: http://www.slideshare.net/csunwebmaster

Notas del editor

  1. Background: NASA Blue Marble - highly detailed image of earth against black.
  2. image: photo of Dennis Lembree. image: photo of Joseph Karr O’Connor.
  3. image: TWITTER IS MY ASSISTIVE TECHNOLOGY #csun10 from patrick timony Feb 2 5, 6:19 am via Web
  4. 1.1.1 image: A shmoo is shaped like a plump bowling pin with legs. It has smooth skin, eyebrows and sparse whiskers - but no arms, nose or ears. Its feet are short and round but dexterous. http://www. michigandaily.com/content/what-shmoo-can-teach-us-about-class-conflict
  5. 1.2.1 images: 4 pictures each containing 12 Twitter avatar pictures
  6. 1.2.2 image: #csun10s @dennisl and @cs unwebmaster I use Qwitter client with a screen reader. Share news on Twitter, also use to query responses/resources from aablog via API Feb 2 6, 4:50 am
  7. 1.2.3 image: US Navy fire hose training drill. Water gushing very hard from nozzle, 5 sailors holding hose tightly, one observing, all getting drenched from spray being blown back at them on wind.
  8. 1.3.1 image: Photos: His Holiness Returns to Dharamsala http://bit.ly/bo3aQ6 from DalaiLama Feb 27, 12:26 am via astral projection 1. 3.2 image: "Scien ce and Mother Nature are in a marriage where Science is always surprised to come home and find Mother Nature blowing the neighbor." from shitmydadsays Feb 28, 1:24 pm | perm | via web
  9. 1.3.3 image: #CSUN10s I use #levelstar Icon twitter for most reading and some writing, i.e. basic twitter. from slger123 via LevelStar Icon Feb 26, 9:05 am 1.3.4 image: LevelStar device showing number keypad, cursor keys, and speaker at top with no screen.
  10. 1.3.5 image: #CSUN10s I use @accessibleTwitter for occasional desktop browser posts but mostly trends, add/remove, shorten links, search functions from slger123 via L evelStar Icon Feb 26, 9:08 am 1.3.6 image: #CSUN10s Using a ccessibl e Twitter interfaces, I teach social media to senior adult lifelong learners http://bit.ly/cRH9UC fro m slger123 via Lev elStar Icon Feb 26, 11:19 am
  11. 2.1.1 Graphic: Twitter.com login screen showing data entry fields, links, and buttons.
  12. 2.1.2 Graphic: Twitter.com login screen showing data entry fields, links, and buttons.
  13. 2.2.1 Graphic: Twitter.com main screen showing Retweet function unavailable with JavaScript turned off.
  14. 2.2.2 image 1: Tweet “Walked into a very expensive restaurant, sat down, was handed a menu. Comic Sans. Got up and left. Life is hard.” 3:48 PM Feb 27th via Tweetie (from: d curtis) - not showing Favorite, Reply or Retweet buttons. 2.2.3 image 2: Tweet “Walked into a very expensive restaurant, sat down, was handed a menu. Comic Sans. Got up and left. Life is hard.” 3:48 PM Feb 27th via Twe etie (from: dcur tis) - showing Favori te, Rep ly and Retweet buttons.
  15. 2.3.1 image: screenshot showing poor heading levels in twitter.com.
  16. 2.4.1 image: screenshot detail showing Lists dropdown and “gear” dropdown - can’t say what the “gear” is meant to stand for and there is no tooltip.
  17. 2.5.1 image: W3C validator showing 80 code errors on twitter.com
  18. 2.5.2 image: W3C CSS validator showing 162 errors for twitter.com.
  19. 2.5.3 image: graveyard at night, headstone showing partial text covered by ivy, tree branches, eerie.
  20. 2.5.4 image: screenshot of main Twitter.com window showing user page for @brittanifanclub with garish colors and very low contrast. 2.5.5 image: inset into top left corner is a screenshot of a report from Colour Contrast Analyser with a summary of failures - luminosity contrast ratio is 85.
  21. 3.1.1 image: Accessible Twitter together with JAWS enable me to navigate the Twittersphere. #csun10s from Jennison via AccessibleTwitter Feb 26, 11:33 pm 3.1.2 image: Accessible Twitter Beta logo with Tweet bird perched on the second a.
  22. 3.1.3 image: etched crystal trophies showing globe and words Access IT Awards 2009.
  23. 3.2.1 image: screenshot showing Tweet Roll screen in Accessible Twitter.
  24. 3.3.1 image: list of headings from Tweet Roll screen.
  25. 3.6.1 image: screenshot of tweet roll screen in accessibletwitter.com 3.6.2 image: screenshot of Colour Contrast Analyser showing zero failures. 3.6.3 image: check mark denoting that this page passed contrast analysis
  26. 3.7.1 image: Checking out AccessibleTwitter. Seems to work well on dialup. http://www.accessibletwitter.com/ from kiwijamo     Mar 3, 5:51 pm | vi a Access ible Twitter
  27. 3.7.2 image: Reg blind, use Tweetie2.1 w/ Zoom iPhone. Has helped share knowledge & connect w/ likeminded folk globally to make a difference #csun10s from SandiWassmer     Feb 28, 8:51 am | via Tweetie
  28. 3.9.1 image: Twitter enables much faster and broader succinct communication check it more than em/vm still issues peeps not adopting it! #CSUN10s from pyyhkala     Fe b 28, 4:19 pm | via web
  29. 4.1.1 image: screenshot of Quitter - A Quiet Little Twitter Client showing hi contrast black background with white monospaced fonts. 4.1.2 image: screenshot of Twitter integrated into MS Outlook showing messages arranged by date.
  30. 4.1.3 image: screenshot of Slandr Mobile Twitter web client running on iPhone showing login page.
  31. 4.2.1 image: screenshot of Tweet: Using Twitter is easy with Orca, I use Twitux, Twidge, pidgin-mbpurple, and twitterbar. If I need the web, I use accessibletwitter. #csun10s from stormdra gon2976 via t witux Feb 25, 10:16 pm 4.2.2 image: screenshot of Tweet: For anyone interested I use the Syrinx twitter client on OS X with the built-in #VoiceOver screen-reader. #csun10s from ezufelt via Syr inx Feb 27, 8:05 am
  32. 4.2.2 image: Accessible Twitter on the Kindle http://post.ly/PeNf from sarahebourne     F eb 25, 9:07 pm | via Posterous
  33. 4.2.3 image: #csun10s @dennisl and @csunweb master , I also use Qwitter with my PC and VoiceTweety with my iPhone. Both of them works great to me. from debugon via API Feb 26, 6:5 7 am