SlideShare uma empresa Scribd logo
1 de 52
Web 2.0 ,[object Object]
Presenter: Norman B. Robinson Office of Accessible Systems & Technology (OAST) Department of Homeland Security voice: 202-447-0322, cell: 202-834-3192 [email_address]
What is Web 2.0? ,[object Object]
What is Web 2.0? ,[object Object],“ something to do with the web”
What is Web 2.0? ,[object Object],“ assume it is something advanced   web-wise”
What is Web 2.0? ,[object Object],“ uh, that is HTML - isn’t it?”
What is Web 2.0? ,[object Object],“ some of the cool plug-ins, man”
What is Web 2.0? ,[object Object],“ anything social”
What is Web 2.0? ,[object Object],“ web 2.0 is web based applications that are executed locally by your browser, e.g., google maps...”
What is Web 2.0? ,[object Object],“ it is about making things easier to read and find online...and hiding the stuff I don’t need to see or care about”
What is Web 2.0? ,[object Object],The business revolution in the computer industry caused by the move to the internet as platform, and  an attempt to understand the rules for success on that new platform. Chief among those rules is this: Build applications that harness network effects to get better the more people use them. (…”harnessing collective intelligence.”)  - Tim O’Reilly  “ A collection of technologies - be it VoIP,  Digital Media, XML, RSS, Google Maps… whatever …. that leverage the power of always on, high speed connections and treat broadband as a platform, and not just a pipe to connect.”  - Om Malik  “ Ongoing transition  of the World Wide Web  from a collection of  websites to a full-fledged computing platform serving web applications to end users”  - Wikipedia  “ Web 2.0...is about making the Internet  useful for computers”  - Jeff Bezos
What is Web 2.0? ,[object Object]
Confused? ,[object Object]
Web 2.0 & Section 508 ,[object Object],X ELECTRONIC AND INFORMATION TECHNOLOGY ACCESSIBILITY STANDARDS (SECTION 508) PUBLISHED IN THE FEDERAL REGISTER ON DECEMBER 21, 2000 TABLE OF CONTENTS SUBPART A — GENERAL SUBPART B — TECHNICAL STANDARDS SUBPART C — FUNCTIONAL PERFORMANCE CRITERIA SUBPART D — INFORMATION, DOCUMENTATION, AND SUPPORT
Web 2.0 & Section 508 ,[object Object],X ELECTRONIC AND INFORMATION TECHNOLOGY ACCESSIBILITY STANDARDS (SECTION 508) PUBLISHED IN THE FEDERAL REGISTER ON DECEMBER 21, 2000.  PDF VERSION TABLE OF CONTENTS SUBPART A — GENERAL SUBPART B — TECHNICAL STANDARDS SUBPART C — FUNCTIONAL PERFORMANCE CRITERIA SUBPART D — INFORMATION, DOCUMENTATION, AND SUPPORT
Web 2.0 & Section 508 ,[object Object],X ELECTRONIC AND INFORMATION TECHNOLOGY ACCESSIBILITY STANDARDS (SECTION 508) PUBLISHED IN THE FEDERAL REGISTER ON DECEMBER 21, 2000.  PDF VERSION TABLE OF CONTENTS SUBPART A — GENERAL SUBPART B — TECHNICAL STANDARDS SUBPART C — FUNCTIONAL PERFORMANCE CRITERIA SUBPART D — INFORMATION, DOCUMENTATION, AND SUPPORT X X
Web 2.0 & Section 508 ,[object Object],X X X
Web 2.0: ,[object Object]
Don’t make me go there ,[object Object]
The Basics ,[object Object]
Technology Primer ,[object Object]
Technology Primer ,[object Object]
Technology Primer ,[object Object]
Technology Primer ,[object Object]
Social Primer ,[object Object]
Captain Obvious ,[object Object]
Web 1.0: ,[object Object]
Web 2.0: ,[object Object]
Web 2.0: ,[object Object],X X
Web 2.0: ,[object Object]
Web 2.0: ,[object Object]
Web 2.0: ,[object Object]
 
 
wikinews
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],Change.gov
[object Object],Change.gov
Technology Primer ,[object Object]
Captain Obvious ,[object Object]
Licensing: ,[object Object]
Obama's transition website 'frees the content' From Wikinews, the free news source you can write! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Institutional Thinking ,[object Object]
Non-institutional Thinking ,[object Object]
The Long Tail ,[object Object]
Technologies looking for a solution ,[object Object]
Technology Warning ,[object Object],SECTION 508 DOES NOT PROVIDE WEB TECHNICAL SPECIFICS FOR ANYTHING OTHER THAN HTML HOW DO YOU KNOW YOUR DEVELOPERS KNOW HOW TO TEST?
Snapshot of script.aculo.us website ,[object Object],[object Object]
Web 2.0 & Section 508 ,[object Object],ELECTRONIC AND INFORMATION TECHNOLOGY ACCESSIBILITY STANDARDS (SECTION 508) TABLE OF CONTENTS SUBPART A — GENERAL SUBPART C — FUNCTIONAL PERFORMANCE CRITERIA SUBPART B — TECHNICAL STANDARDS  SUBPART D — INFORMATION, DOCUMENTATION, AND SUPPORT
QUESTIONS?
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Mais conteúdo relacionado

Mais procurados

Social Networks Optimization
Social Networks OptimizationSocial Networks Optimization
Social Networks OptimizationLiran Zelkha
 
Document of presentation(web 3.0)(part 2)
Document of presentation(web 3.0)(part 2)Document of presentation(web 3.0)(part 2)
Document of presentation(web 3.0)(part 2)Abhishek Roy
 
Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)Carlo Vaccari
 
Web 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various ChallengesWeb 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various ChallengesSubhash Basistha
 
Web 3.0 and What It Means to Marketing
Web 3.0 and What It Means to MarketingWeb 3.0 and What It Means to Marketing
Web 3.0 and What It Means to MarketingMagic Logix
 
The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can Judy O'Connell
 
Towards Web 3.0: An Application Oriented Approach
Towards Web 3.0: An Application Oriented ApproachTowards Web 3.0: An Application Oriented Approach
Towards Web 3.0: An Application Oriented ApproachIOSR Journals
 
Web 4.0 and beyond
Web 4.0 and beyondWeb 4.0 and beyond
Web 4.0 and beyondJohan Koren
 
Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0Ghazal Hina
 
Web2.0 and What it Means for Business
Web2.0 and What it Means for BusinessWeb2.0 and What it Means for Business
Web2.0 and What it Means for BusinessRich Miller
 

Mais procurados (20)

Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Social Networks Optimization
Social Networks OptimizationSocial Networks Optimization
Social Networks Optimization
 
Document of presentation(web 3.0)(part 2)
Document of presentation(web 3.0)(part 2)Document of presentation(web 3.0)(part 2)
Document of presentation(web 3.0)(part 2)
 
Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)
 
Web 1.0
Web 1.0Web 1.0
Web 1.0
 
Web 1.0 and Web 2.0
Web 1.0 and Web 2.0Web 1.0 and Web 2.0
Web 1.0 and Web 2.0
 
Dml2
Dml2Dml2
Dml2
 
Web 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various ChallengesWeb 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
Web 1.0 to Web 3.0 - Evolution of the Web and its Various Challenges
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 1.0 2.0-3.0-4.0 Overview
Web 1.0 2.0-3.0-4.0 OverviewWeb 1.0 2.0-3.0-4.0 Overview
Web 1.0 2.0-3.0-4.0 Overview
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
The Evolution of Web 3.0
The Evolution of Web 3.0The Evolution of Web 3.0
The Evolution of Web 3.0
 
Web 1 2 3
Web 1 2 3Web 1 2 3
Web 1 2 3
 
Web 3.0 and What It Means to Marketing
Web 3.0 and What It Means to MarketingWeb 3.0 and What It Means to Marketing
Web 3.0 and What It Means to Marketing
 
Web 1.0 2.0 3.0
Web 1.0  2.0  3.0Web 1.0  2.0  3.0
Web 1.0 2.0 3.0
 
The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can The Next Big Thing is Web 3.0. Catch It If You Can
The Next Big Thing is Web 3.0. Catch It If You Can
 
Towards Web 3.0: An Application Oriented Approach
Towards Web 3.0: An Application Oriented ApproachTowards Web 3.0: An Application Oriented Approach
Towards Web 3.0: An Application Oriented Approach
 
Web 4.0 and beyond
Web 4.0 and beyondWeb 4.0 and beyond
Web 4.0 and beyond
 
Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0Detail History of web 1.0 to 3.0
Detail History of web 1.0 to 3.0
 
Web2.0 and What it Means for Business
Web2.0 and What it Means for BusinessWeb2.0 and What it Means for Business
Web2.0 and What it Means for Business
 

Destaque

Develop Web20 With Rad - Tim Frnacis Sarika S
Develop Web20 With Rad - Tim Frnacis Sarika SDevelop Web20 With Rad - Tim Frnacis Sarika S
Develop Web20 With Rad - Tim Frnacis Sarika SRoopa Nadkarni
 
Parking coupon-management-sil
Parking coupon-management-silParking coupon-management-sil
Parking coupon-management-silSevajothi Crafts
 
Coding standards & code verification through together cc
Coding standards & code verification through together ccCoding standards & code verification through together cc
Coding standards & code verification through together ccSevajothi Crafts
 
3) web development
3) web development3) web development
3) web developmenttechbed
 

Destaque (8)

Develop Web20 With Rad - Tim Frnacis Sarika S
Develop Web20 With Rad - Tim Frnacis Sarika SDevelop Web20 With Rad - Tim Frnacis Sarika S
Develop Web20 With Rad - Tim Frnacis Sarika S
 
Parking coupon-management-sil
Parking coupon-management-silParking coupon-management-sil
Parking coupon-management-sil
 
Coding standards & code verification through together cc
Coding standards & code verification through together ccCoding standards & code verification through together cc
Coding standards & code verification through together cc
 
rad 255 test overview
rad 255 test overviewrad 255 test overview
rad 255 test overview
 
Loyaltycard softland
Loyaltycard softlandLoyaltycard softland
Loyaltycard softland
 
web development
web developmentweb development
web development
 
debugging and testing
debugging and testingdebugging and testing
debugging and testing
 
3) web development
3) web development3) web development
3) web development
 

Semelhante a Web 2.0 Awareness for Section 508

Semelhante a Web 2.0 Awareness for Section 508 (20)

Web 2.0: a course
Web 2.0: a courseWeb 2.0: a course
Web 2.0: a course
 
The Evolution of Software: From Web 2.0 to Web 3.0 with Blockchain Technology
The Evolution of Software: From Web 2.0 to Web 3.0 with Blockchain TechnologyThe Evolution of Software: From Web 2.0 to Web 3.0 with Blockchain Technology
The Evolution of Software: From Web 2.0 to Web 3.0 with Blockchain Technology
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 and Technical Communication
Web 2.0 and Technical CommunicationWeb 2.0 and Technical Communication
Web 2.0 and Technical Communication
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web2.0!
Web2.0!Web2.0!
Web2.0!
 
web 3 poerpoint presentation in simple words and the evolution of web
web 3 poerpoint presentation in simple words and the evolution of webweb 3 poerpoint presentation in simple words and the evolution of web
web 3 poerpoint presentation in simple words and the evolution of web
 
Web2.0 2012 - lesson 2
Web2.0 2012 - lesson 2Web2.0 2012 - lesson 2
Web2.0 2012 - lesson 2
 
Leveraging The Web 2.0 Movement, Dion Hinchliffe
Leveraging The Web 2.0 Movement, Dion HinchliffeLeveraging The Web 2.0 Movement, Dion Hinchliffe
Leveraging The Web 2.0 Movement, Dion Hinchliffe
 
Cavalcare l'onda del Web 2.0 - Dion Hinchcliffe
Cavalcare l'onda del Web 2.0 - Dion HinchcliffeCavalcare l'onda del Web 2.0 - Dion Hinchcliffe
Cavalcare l'onda del Web 2.0 - Dion Hinchcliffe
 
Web02
Web02Web02
Web02
 
Web2.0 Oakley 10 Jun07
Web2.0 Oakley 10 Jun07Web2.0 Oakley 10 Jun07
Web2.0 Oakley 10 Jun07
 
Introduction to Web 2.0
Introduction to Web 2.0Introduction to Web 2.0
Introduction to Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
html5 project.pptx
html5 project.pptxhtml5 project.pptx
html5 project.pptx
 
web 2.0
web 2.0web 2.0
web 2.0
 

Web 2.0 Awareness for Section 508

  • 1.
  • 2. Presenter: Norman B. Robinson Office of Accessible Systems & Technology (OAST) Department of Homeland Security voice: 202-447-0322, cell: 202-834-3192 [email_address]
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.  
  • 34.  
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 51.
  • 52.

Notas do Editor

  1. Slide 01: Session Placeholder Visual: Photo of a macbook laser etched with Web 2.0 words burned into the lid. “ Web 2.0 companies are companies smart enough to make users do the job.” http://techiteasy.org/2007/01/01/my-definition-of-web-20-companies/ Web 1.0 was about Publishing (think newspapers) web 2.0 is about participation (think community cork boards); remember anytime you hear a new buzzword to ask how do we ALL participate!
  2. this talk isn’t going to be about the technology. Generally, Section 508 Coordinators are not coders, and aren’t necessarily technical.
  3. http://en.wikipedia.org/wiki/Image:First_Web_Server.jpg . The first Web site built was at CERN and was first put online on 6 August 1991
  4. I say them because it makes us think about end users we may never meet.
  5. tagging - recommendation engine, user submitted content, user scored and rated content
  6. get updates; enter your email address? tell us your story? the blog?
  7. no alt text - basic 508 issue
  8. how many of you have been excited because you heard of a new technology that is absolutely accessible?
  9. Slide 23: Designers Visual: Snapshot of script.aculo.us website JavaScript error (when javascript is turned off) stating "You really, really need to enable JavaScript to view this page. You know, it's about JavaScript. And it will your life much easier, but it's up to you." Progressive Enhancement JavaScript uses HTML; design “fallback views” HTML; work with your developers CSS Tables are for DATA CSS Don't rely on software plug-ins Don't try obesess about controlling the end client Start with server-side processing, then add JavaScript or AJAX. Don't prototype end-solution using all functions and all technologies. Design in end-user terms of barebones, more usable, then full featured “rich” media experiences. Site should work on non-Javascript enabled browsers. Blackberry? Cellphone? Mobile platforms? e.g., Don't rely on the Flash to be installed. Design test plans “ Cost - What is the cost to develop a degradable Ajax site, and what is the cost of the users you may lose by not doing so?” - Ryan Campbell, particletree.com
  10. Shinyhappypeople: Creative Commons taken by Donna Cymek; http://www.flickr.com/photos/purrr/126597849/ Le jump des People of Marseille / Gens du Sud! taken by Elvire.R.; http://www.flickr.com/photos/elvire-r/2451784 799/ little people by macca; http://www.flickr.c o m/photos/macca/26803699/ The Red Seat by awirtanen; http://www.flickr.com /photos/andywirtanen/37811094/ tofu-oyaku-g a h by manthatcooks; http://www.flickr.com/photos/manthatcooks/11178354/ power plug by Darren Hester; http://www.flickr.com/ photos/ppdigital/2058130092/ Audience by yaun2003; http://www.flickr.com/photos/yuan 2003/1796365521/ Dead Hard Drive by fumtu; http:// w ww.flickr.com/photos/-fumtu/2677112265/ Bluey the Chihuahua sets up a Windows se rver; http://www.flickr.com/photos/adriarichards/2 979483027/ Ethernet required by quinn.anya; http://www.flickr.com/photos/quinnanya/2884703525/ Social Network Diagram of the Earlist Flickr Users by by Quiplash!; http://www.flickr.com/photos/quip lash/2987224808/ One Of These Buttons Will Get Me Out Of Here by Cayusa; http://www.flickr.com /photos/cayusa/431036565/ print by Leo Reynolds; http : //www.flickr.com/photos/lwr/2475740018/sizes/l/