SlideShare une entreprise Scribd logo
1  sur  34
LESSONS LEARNED from our new ONLINE NEWS SITE ROBIN PRATT & BEN WHETSTONE Accessibility
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The case for accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The case for accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object]
The case for accessibility ,[object Object],[object Object]
Business Case for Accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What can we learn from this? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Legal Case for Accessibility ,[object Object],GOT IT? GREAT!
Designing with Accessibility in Mind ,[object Object],[object Object],[object Object],[object Object],[object Object],a) alt=“Tong Zhao and Michael Doyle created a fast-acting microbial wash for food” b) alt=“FACES home” c) alt=“”
Designing with Accessibility in Mind ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Designing with Accessibility in Mind ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Designing with Accessibility in Mind ,[object Object],[object Object],With CSS Without CSS
Designing with Accessibility in Mind ,[object Object],[object Object],[object Object],[object Object]
Designing with Accessibility in Mind ,[object Object],[object Object],[object Object],<a href=“page.html” accesskey=“p”>
Tools to Help You ,[object Object],[object Object],[object Object],[object Object],[object Object]
Tools to Help You ,[object Object],[object Object]
Our Experience: Accessible Video ,[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object]
Accessible Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Accessible Video http://www.caes.uga.edu/?tiny=3SSAVD
Content Providers ,[object Object]
Content Providers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Q & A ,[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],[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Similaire à Delivering Accessible Online Content - NETC 2010

Term PaperMobile Computing and Social NetworksDue Week 10 and w.docx
Term PaperMobile Computing and Social NetworksDue Week 10 and w.docxTerm PaperMobile Computing and Social NetworksDue Week 10 and w.docx
Term PaperMobile Computing and Social NetworksDue Week 10 and w.docx
mattinsonjanel
 
Running headCapstone Project Activity - Unit 2 2C.docx
Running headCapstone Project Activity - Unit 2 2C.docxRunning headCapstone Project Activity - Unit 2 2C.docx
Running headCapstone Project Activity - Unit 2 2C.docx
rtodd599
 
Accessibility Geek Upv2
Accessibility Geek Upv2Accessibility Geek Upv2
Accessibility Geek Upv2
philsmears
 

Similaire à Delivering Accessible Online Content - NETC 2010 (20)

Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
 
Digital Divide And Accessibility
Digital Divide And AccessibilityDigital Divide And Accessibility
Digital Divide And Accessibility
 
Digital Divide And Accessibility
Digital Divide And AccessibilityDigital Divide And Accessibility
Digital Divide And Accessibility
 
Activate
ActivateActivate
Activate
 
Term PaperMobile Computing and Social NetworksDue Week 10 and w.docx
Term PaperMobile Computing and Social NetworksDue Week 10 and w.docxTerm PaperMobile Computing and Social NetworksDue Week 10 and w.docx
Term PaperMobile Computing and Social NetworksDue Week 10 and w.docx
 
Consider byoc as part of desktop as service strategy
Consider byoc as part of desktop as service strategyConsider byoc as part of desktop as service strategy
Consider byoc as part of desktop as service strategy
 
Internet of Everything for Marketers
Internet of Everything for MarketersInternet of Everything for Marketers
Internet of Everything for Marketers
 
Chapter 04
Chapter 04Chapter 04
Chapter 04
 
2016 01-05 csr css non-confidential slide deck
2016 01-05 csr  css non-confidential slide deck2016 01-05 csr  css non-confidential slide deck
2016 01-05 csr css non-confidential slide deck
 
Running headCapstone Project Activity - Unit 2 2C.docx
Running headCapstone Project Activity - Unit 2 2C.docxRunning headCapstone Project Activity - Unit 2 2C.docx
Running headCapstone Project Activity - Unit 2 2C.docx
 
Accessibility Geek Upv2
Accessibility Geek Upv2Accessibility Geek Upv2
Accessibility Geek Upv2
 
NIST Special Publication 500-293: US Government Cloud Computing Technology R...
 NIST Special Publication 500-293: US Government Cloud Computing Technology R... NIST Special Publication 500-293: US Government Cloud Computing Technology R...
NIST Special Publication 500-293: US Government Cloud Computing Technology R...
 
Pace IT - Basic Mobile Device
Pace IT - Basic Mobile DevicePace IT - Basic Mobile Device
Pace IT - Basic Mobile Device
 
IoT 7 Critical Musts
IoT 7 Critical MustsIoT 7 Critical Musts
IoT 7 Critical Musts
 
COMSovereign Investor Presentation Deck December 2020
COMSovereign Investor Presentation Deck December 2020COMSovereign Investor Presentation Deck December 2020
COMSovereign Investor Presentation Deck December 2020
 
PACE-IT, Security+ 4.2: Mobile Security Concepts and Technologies (part 2)
PACE-IT, Security+ 4.2: Mobile Security Concepts and Technologies (part 2)PACE-IT, Security+ 4.2: Mobile Security Concepts and Technologies (part 2)
PACE-IT, Security+ 4.2: Mobile Security Concepts and Technologies (part 2)
 
Optimizing Costs of Field Force Mobility Using Consumer Technology
Optimizing Costs of Field Force Mobility Using Consumer TechnologyOptimizing Costs of Field Force Mobility Using Consumer Technology
Optimizing Costs of Field Force Mobility Using Consumer Technology
 
Government Policy Needs in a Web 2.0 World
Government Policy Needs in a Web 2.0 WorldGovernment Policy Needs in a Web 2.0 World
Government Policy Needs in a Web 2.0 World
 
BigInsights For Telecom
BigInsights For TelecomBigInsights For Telecom
BigInsights For Telecom
 
VMware Emerging Strategies for Managing Mobility
VMware Emerging Strategies for Managing MobilityVMware Emerging Strategies for Managing Mobility
VMware Emerging Strategies for Managing Mobility
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 

Delivering Accessible Online Content - NETC 2010

Notes de l'éditeur

  1. How many people are dealing with accessibility issues? Dirt basic stuff here. We are not lawyers.
  2. Some content would be completely impossible to access if you had a disability.
  3. This doesn’t even take into account users who may read screen readers because their eyes/hands are busy doing something else, people in noisy or low-light environments, or people who disable graphics because of slow connections or a type of device (mobile) that we didn’t design .
  4. What is the right thing? How do we know? Who sets the standard? Brings me to my last reason for caring about accessibility: it’s the law. So let’s look at the law that governs web accessibility: 508.
  5. Ha ha ha ha ha ha ha ha ha ha ha! As usual, the explanation the federal government provides us is clear as glass. I’d encourage you instead to to think about people and the help they might need to be able to fully use your web site. The following techniques come from summaries of 508 requirements and solutions to meet these requirements. If you can include these techniques as part of your development process, you’ll be in good shape.
  6. Why is it important to separate structure from content with CSS? Example: CSS allows precise control over spacing, alignment and positioning. Authors can thereby avoid &amp;quot;tag misuse&amp;quot; - the practice of misusing a structural element for its expected stylistic effects. For example, while the BLOCKQUOTE and TABLE elements in HTML are meant to mark up quotations and tabular data, they are frequently used to create visual effects instead such as indentation and alignment. When specialized browsing software such as a speech synthesizer encounters elements that are misused in this way, the results can be unintelligible to the user.
  7. http://www.w3.org/WAI/wcag-curric/table.htm
  8. Accesskey allows users to access links via keyboard shortcuts. Tab through the site yourself, or use a tool like Firefox Developer to show tab order. Audio and video presents its own set of challenges, which Ben will tell you about in a minute.
  9. The big picture, the point I want you to get, is that you need to think about your audience, provide alternatives for accessing content, and you need to test. We are used to accommodating people, this is just another way we do it.
  10. This is a specific example of the way we handled video.. Hopefully it’ll be clear that there are lots of ways to do this. “ Make our site look current!” We were noobs. Our non-negotiable objectives. 1) Maintainability 2) Supportable cost 2) Accessible
  11. WGBH – Boston Public Broadcasting strives to make their content accessible to those w/ disabilities, and has developed a flash player that displays captions very well. But it’s ugly. We said no to the CC Player
  12. UGLY! and Not widely used Not widely supported
  13. The real crux of the issue is that, for web content to actually be accessible, someone’s going to have to do the work. This may or may not be you. When it’s not, convincing content providers to do “extra” work – web content, video content, etc – is difficult. In our unit, we have a number of individuals who believe either in following the letter or the spirit of the law, and inasmuch as we provide content for our websites we are able to do a fairly good job. But when no one is obviously looking over our shoulder, it’s tempting to take the easier route… So if this is something you think is worth doing, how do you convince others?