SlideShare una empresa de Scribd logo
1 de 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]

Más contenido relacionado

Similar a Delivering Accessible Online Content - NETC 2010

Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingTechWell
 
Digital Divide And Accessibility
Digital Divide And AccessibilityDigital Divide And Accessibility
Digital Divide And AccessibilityGlenn McKnight
 
Digital Divide And Accessibility
Digital Divide And AccessibilityDigital Divide And Accessibility
Digital Divide And AccessibilityGlenn McKnight
 
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.docxmattinsonjanel
 
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 strategyInfo-Tech Research Group
 
Internet of Everything for Marketers
Internet of Everything for MarketersInternet of Everything for Marketers
Internet of Everything for MarketersRashish Pandey
 
Chapter 04
Chapter 04Chapter 04
Chapter 04leesyl
 
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 deckRichard (Dick) Kaufman
 
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.docxrtodd599
 
Accessibility Geek Upv2
Accessibility Geek Upv2Accessibility Geek Upv2
Accessibility Geek Upv2philsmears
 
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...David Sweigert
 
IoT 7 Critical Musts
IoT 7 Critical MustsIoT 7 Critical Musts
IoT 7 Critical MustsClint Smith
 
COMSovereign Investor Presentation Deck December 2020
COMSovereign Investor Presentation Deck December 2020COMSovereign Investor Presentation Deck December 2020
COMSovereign Investor Presentation Deck December 2020RedChip Companies, Inc.
 
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)Pace IT at Edmonds Community College
 
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 TechnologyCognizant
 
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 WorldFranciel
 
BigInsights For Telecom
BigInsights For TelecomBigInsights For Telecom
BigInsights For TelecomSeeling Cheung
 
VMware Emerging Strategies for Managing Mobility
VMware Emerging Strategies for Managing MobilityVMware Emerging Strategies for Managing Mobility
VMware Emerging Strategies for Managing MobilityVMware
 

Similar a 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
 

Último

Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 

Último (20)

Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 

Delivering Accessible Online Content - NETC 2010

Notas del editor

  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?