Your SlideShare is downloading. ×
Web 2.0 Awareness for Section 508
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web 2.0 Awareness for Section 508

276

Published on

What is Web 2.0 and what does social media mean for Section 508? From technology to how the web is used

What is Web 2.0 and what does social media mean for Section 508? From technology to how the web is used

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
276
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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!
  • this talk isn’t going to be about the technology. Generally, Section 508 Coordinators are not coders, and aren’t necessarily technical.
  • 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
  • I say them because it makes us think about end users we may never meet.
  • tagging - recommendation engine, user submitted content, user scored and rated content
  • get updates; enter your email address? tell us your story? the blog?
  • no alt text - basic 508 issue
  • how many of you have been excited because you heard of a new technology that is absolutely accessible?
  • 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
  • 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/
  • Transcript

    • 1. Web 2.0
      • Awareness for Section 508
    • 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. What is Web 2.0?
      • informal definitions from other people
    • 4. What is Web 2.0?
      • basic user’s perspective
      “ something to do with the web”
    • 5. What is Web 2.0?
      • basic user’s perspective
      “ assume it is something advanced web-wise”
    • 6. What is Web 2.0?
      • flash developer’s perspective
      “ uh, that is HTML - isn’t it?”
    • 7. What is Web 2.0?
      • flash developer’s perspective
      “ some of the cool plug-ins, man”
    • 8. What is Web 2.0?
      • advanced technology user’s perspective
      “ anything social”
    • 9. What is Web 2.0?
      • advanced technology user’s perspective
      “ web 2.0 is web based applications that are executed locally by your browser, e.g., google maps...”
    • 10. What is Web 2.0?
      • advanced technology user’s perspective
      “ it is about making things easier to read and find online...and hiding the stuff I don’t need to see or care about”
    • 11. What is Web 2.0?
      • experts
      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
    • 12. What is Web 2.0?
      • diagram from www.futureexploration.net
    • 13. Confused?
      • take deep, deep breaths
    • 14. Web 2.0 & Section 508
      • compatible with Web 1.0, 2.0, 2.1, 2.2, 3.0...
      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
    • 15. Web 2.0 & Section 508
      • § 1194.22 Web(2.0)-based intranet and internet information and applications
      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
    • 16. Web 2.0 & Section 508
      • § 1194.21 Software applications ...and operating systems.
      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
    • 17. Web 2.0 & Section 508
      • Why Software applications?
      X X X
    • 18. Web 2.0:
      • new technologies: crazy developer talk
    • 19. Don’t make me go there
      • HTML, XHTML, JavaScript, CSS
    • 20. The Basics
      • What was web 1.0?
    • 21. Technology Primer
      • web page: HTML FILE
    • 22. Technology Primer
      • web page: HTML FILE: open from hard drive, or FTP://, FILE://, NETWORK://
    • 23. Technology Primer
      • simple web pages are static HTML files pulled from storage ( THIS IS NOT “THE” WEB )
    • 24. Technology Primer
      • web pages can be static HTML files, but are not too useful without a web server ( “THE” WEB )
    • 25. Social Primer
      • even with a web server, publishing information without an audience is not very noteworthy
    • 26. Captain Obvious
      • tell me something i didn’t know!
    • 27. Web 1.0:
      • people creating & publishing electronic information (you knew that)
    • 28. Web 2.0:
      • other people creating & publishing other people’s electronic information
    • 29. Web 2.0:
      • put another way, web 2.0 isn’t really about the technology
      X X
    • 30. Web 2.0:
      • it is about enabling electronic technology creation for as many other people as possible
    • 31. Web 2.0:
      • other people: not you, not me, but “ them ”
    • 32. Web 2.0:
      • examples: digg, wikipedia, wikinews
    • 33.  
    • 34.  
    • 35. wikinews
    • 36.
      • [edit] Sources
      • * Eric Steuer "Obama-Biden transition site Change.gov now under a Creative Commons license". Creative Commons, December 1, 2008
      • * Heather Havenstein "Obama continues 'Google-enabled government' push on transition site". Computerworld, December 1, 2008
      • * Julian Sanchez "Rip, Mix, and Govern". Ars Technica, December 1, 2008
      • [edit] External links
        • * Creative Commons 3.0 license details
      • * Change.gov copyright statement
      • Retrieved from " http://en.wikinews.org/wiki/Obama%27s_transition_website_%27frees_the_content%27 "
      • More on: December 2, 2008 | Internet | Published | United States | Politics and conflicts | Culture and entertainment | Barack Obama
      • What do you think of this page?
      • Please take a moment to rate this page below. Your feedback is valuable and helps us improve our website.
      • Reliability: (select) Completeness: (select) Neutrality: (select) Presentation: (select) [submit]
    • 37.
      • example challenges for Web 2.0 in government
      Change.gov
    • 38.
      • same challenges for Web 1.0 in government
      Change.gov
    • 39. Technology Primer
      • web sites & content accessibility relies on technical staff’s awareness of Section 508
    • 40. Captain Obvious
      • strikes again!
    • 41. Licensing:
      • example challenge for Web 2.0 in government
    • 42. Obama's transition website 'frees the content' From Wikinews, the free news source you can write!
      • In a move to open up government and embrace modern thinking on copyright, U.S. President-Elect Barack Obama's transition team website, Change.gov, has adopted the Creative Commons licenses for all content and user contributions. This will allow anyone to take material from the site and reuse it, without any concern that they may be violating copyright.
      • "This is great news and a encouraging sign that the new administration has a clear sense of the importance of openness in government and on the web. The embrace of Creative Commons licensing on Change.gov is consistent with earlier support by both Obama and John McCain for the idea of 'open debates'," said Creative Commons in a statement posted on their website.
      • Those making reuse of the site's content are only obliged to attribute it, per the terms of the Creative Commons Attribution 3.0 Unported licence. The 'right to remix' the new license extends is not restricted to text; videos are included and the site now provides links to download copies of clips for this purpose.
      • In addition to the new license, Change.gov has introduced open forums for the discussion of items that concern the electorate. According to Computerworld, unlike the blogs used by some government departments, posts appear unfiltered and a scoring and ranking system is employed. One of the high-traffic early discussion threads is soliciting public input on healthcare worries.
      • All government documents are all in the public domain. Despite the ".gov" web address, the site is run by the "Obama-Biden Transition Project" charity. As a 501(c)4 non-profit organization, they are required to release their creations under any free license.
      • Creative Commons licenses are encouraged on popular photo sharing website Flickr, and is the only applicable license on Wikinews.
      • Have an opinion on this story? Post it!
    • 43. Institutional Thinking
      • example challenge for Web 2.0 in government
    • 44. Non-institutional Thinking
      • us versus them: allowing access to people outside the organization
    • 45. The Long Tail
      • One person can make a difference
    • 46. Technologies looking for a solution
      • challenge for Web 2.0 in government
    • 47. Technology Warning
      • new technologies are constantly released and they aren’t natively Section 508 compliant
      SECTION 508 DOES NOT PROVIDE WEB TECHNICAL SPECIFICS FOR ANYTHING OTHER THAN HTML HOW DO YOU KNOW YOUR DEVELOPERS KNOW HOW TO TEST?
    • 48. Snapshot of script.aculo.us website
      • Rely on open web technologies, not proprietary software
      • HTML, XHTML, JavaScript, CSS will make your life much easier, but it’s up to you.
    • 49. Web 2.0 & Section 508
      • § 1194.22 Web(2.0)-based intranet and internet information and applications, which includes § 1194.22 for software applications (plug-ins)
      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
    • 50. QUESTIONS?
    • 51.
      • licensed under Creative Commons: This presentation provided for government purposes and explicitly without profit. All images are believed to be in the public domain, licensed under Creative Commons, or qualifies as fair use. Attribution provided where requested.
      • If you believe one of these images are used inappropriately or without proper attribution, please contact [email_address] for correction.
    • 52.
      • Shinyhappypeople: 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/2451784799/
      • little people by macca; http://www.flickr.com/photos/macca/26803699/
      • The Red Seat by awirtanen; http://www.flickr.com/photos/andywirtanen/37811094/
      • tofu-oyaku-gah 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/yuan2003/1796365521/
      • Dead Hard Drive by fumtu; http://www.flickr.com/photos/-fumtu/2677112265/
      • Bluey the Chihuahua sets up a Windows server; http://www.flickr.com/photos/adriarichards/2979483027/
      • 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/quiplash/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/

    ×