SlideShare a Scribd company logo
1 of 13
- Define Web Accessibility

- A practical demonstration

- Highlight Types of Disability
   WEB ACCESSIBILITY
  Affected

- Show how these groups access the Web

- Test

- Exercise
What is Web Accessibility?
• In the physical world




                    • Building Design
                       • Ramps
                       • Lifts
                       • Rails
                       •Automatic doors
What is Web Accessibility?
• In the cyber world




                       • Site Design
                           • structure
                           • Coding
                           • Presentation
Web Accessibility


     A Practical Example

http://www.purplemustard.co.uk
Disabilities Affected
• Technological (devices, connections
  and browsers)
  – Small, low-res monitors
  – Slow modems and phone lines
  – Variety of browser versions
  – Quasi-impairment
Disabilities Affected
• Physical (many people can’t
  use computers in the
  conventional way)
  – Blind, low vision, colour blind
  – Deafness or difficulty
    distinguishing sounds
  – Unable or painful to use mouse
How do people access the web?
• Screen readers (many of which are
  keyboard only activated)
• Screen magnifiers (software or actual
  magnifiers)
• Brail outputs
How do people access the web?
• Track balls
• Other assisted technology that does not use
  mouse input
• PDA’s and mobile phones with small screens,
  using device keyboards, styluses, scroll wheels
  etc
What level of Web Accessibility?
• UK Government min level 2 or AA of the Web
  Accessibility Initiative (WAI)
• How do you test?
  – http://www.cynthiasays.com/
• Provide accessibility statement
  – How to, standards aimed for etc
Group Exercise:


Highlight to a business the benefits of
             Accessibility:
Benefits of Accessibility
1. Increase Market Share and Audience Reach

2. Demonstrate social responsibility

3. Improve Search Engine Performance

4. Reduces Legal Liability
Session Summary
1. Learned what Web Accessibility is

2. Viewed an example of a poor site

3. Learned the disabilities affected

4. How they access the web & to test

5. The benefits of an accessible site
QUESTIONS?

More Related Content

What's hot

Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Accessibility Testing 101
Accessibility Testing 101Accessibility Testing 101
Accessibility Testing 101Patrick Dunphy
 
Web accessibility Principles
Web accessibility PrinciplesWeb accessibility Principles
Web accessibility Principlesgwmm
 
Web accessibility testing methodologies, tools and tips
Web accessibility testing methodologies, tools and tipsWeb accessibility testing methodologies, tools and tips
Web accessibility testing methodologies, tools and tipsHenny Swan
 
People First Accessibility
People First AccessibilityPeople First Accessibility
People First AccessibilityTrisha Salas
 
Designing, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityDesigning, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityEric Malcolm
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Charity Dynamics
 
Web accessibility for people with cognitive disabilities
Web accessibility for people with cognitive disabilitiesWeb accessibility for people with cognitive disabilities
Web accessibility for people with cognitive disabilitiesdadahl
 
Why Accessibility Matters
Why Accessibility MattersWhy Accessibility Matters
Why Accessibility MattersTremis Skeete
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Karen Mardahl
 
My talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupMy talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupVladimir Tomberg
 
Accessibility Testing on the Cheap
Accessibility Testing on the CheapAccessibility Testing on the Cheap
Accessibility Testing on the Cheaprgcarrjr
 

What's hot (20)

Accessibility for Web
Accessibility for WebAccessibility for Web
Accessibility for Web
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Accessibility Testing 101
Accessibility Testing 101Accessibility Testing 101
Accessibility Testing 101
 
Designing 4 Disabilities
Designing 4 DisabilitiesDesigning 4 Disabilities
Designing 4 Disabilities
 
Web accessibility Principles
Web accessibility PrinciplesWeb accessibility Principles
Web accessibility Principles
 
Accessibility
AccessibilityAccessibility
Accessibility
 
Web accessibility testing methodologies, tools and tips
Web accessibility testing methodologies, tools and tipsWeb accessibility testing methodologies, tools and tips
Web accessibility testing methodologies, tools and tips
 
People First Accessibility
People First AccessibilityPeople First Accessibility
People First Accessibility
 
Designing, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityDesigning, Developing & Testing for Accessibility
Designing, Developing & Testing for Accessibility
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!
 
Web accessibility for people with cognitive disabilities
Web accessibility for people with cognitive disabilitiesWeb accessibility for people with cognitive disabilities
Web accessibility for people with cognitive disabilities
 
Building websites for all
Building websites for allBuilding websites for all
Building websites for all
 
Web content accessibility
Web content accessibilityWeb content accessibility
Web content accessibility
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Why Accessibility Matters
Why Accessibility MattersWhy Accessibility Matters
Why Accessibility Matters
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
 
My talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility MeetupMy talk at Riga 2016 Web Accessibility Meetup
My talk at Riga 2016 Web Accessibility Meetup
 
Accessibility Testing on the Cheap
Accessibility Testing on the CheapAccessibility Testing on the Cheap
Accessibility Testing on the Cheap
 

Viewers also liked

FERPA Slide Show
FERPA Slide ShowFERPA Slide Show
FERPA Slide ShowMark White
 
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...Dorea Hardy
 
Influencing Influencers by Stan Dolberg of Carriage House Consulting
Influencing Influencers by Stan Dolberg of Carriage House ConsultingInfluencing Influencers by Stan Dolberg of Carriage House Consulting
Influencing Influencers by Stan Dolberg of Carriage House ConsultingBrendan O'Neil
 
Presentation, Charter School Legal Issues
Presentation, Charter School Legal IssuesPresentation, Charter School Legal Issues
Presentation, Charter School Legal IssuesMark White
 
Hra3 천창익(고전명작)도리언 그레이의_초상
Hra3 천창익(고전명작)도리언 그레이의_초상Hra3 천창익(고전명작)도리언 그레이의_초상
Hra3 천창익(고전명작)도리언 그레이의_초상Chang ik Cheon
 
Paul Van Der Klei FotografiepowerpointLinkedin
Paul Van Der Klei FotografiepowerpointLinkedinPaul Van Der Klei FotografiepowerpointLinkedin
Paul Van Der Klei FotografiepowerpointLinkedinPaul van der Klei
 
축제소개(대외용)
축제소개(대외용)축제소개(대외용)
축제소개(대외용)Chang ik Cheon
 
Handout, Charter School Legal Issues
Handout, Charter School Legal IssuesHandout, Charter School Legal Issues
Handout, Charter School Legal IssuesMark White
 
MassChallenge Bootcamp Day 5: Finance
MassChallenge Bootcamp Day 5: FinanceMassChallenge Bootcamp Day 5: Finance
MassChallenge Bootcamp Day 5: FinanceBrendan O'Neil
 
7가지 습관으로 만나는 '내가 이끄는 큰 공부'
7가지 습관으로 만나는 '내가 이끄는 큰 공부'7가지 습관으로 만나는 '내가 이끄는 큰 공부'
7가지 습관으로 만나는 '내가 이끄는 큰 공부'Chang ik Cheon
 
การทดลองทางวิทยาศ
การทดลองทางวิทยาศการทดลองทางวิทยาศ
การทดลองทางวิทยาศnuu
 
Chapter 12 Safety and Health
Chapter 12 Safety and HealthChapter 12 Safety and Health
Chapter 12 Safety and HealthRayman Soe
 
Industry solutions 2012 final
Industry solutions 2012 finalIndustry solutions 2012 final
Industry solutions 2012 finalakilakumar
 

Viewers also liked (14)

FERPA Slide Show
FERPA Slide ShowFERPA Slide Show
FERPA Slide Show
 
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
Effects of Assistive Technologies Combined with Desktop Virtual Reality in In...
 
Story V.2
Story V.2Story V.2
Story V.2
 
Influencing Influencers by Stan Dolberg of Carriage House Consulting
Influencing Influencers by Stan Dolberg of Carriage House ConsultingInfluencing Influencers by Stan Dolberg of Carriage House Consulting
Influencing Influencers by Stan Dolberg of Carriage House Consulting
 
Presentation, Charter School Legal Issues
Presentation, Charter School Legal IssuesPresentation, Charter School Legal Issues
Presentation, Charter School Legal Issues
 
Hra3 천창익(고전명작)도리언 그레이의_초상
Hra3 천창익(고전명작)도리언 그레이의_초상Hra3 천창익(고전명작)도리언 그레이의_초상
Hra3 천창익(고전명작)도리언 그레이의_초상
 
Paul Van Der Klei FotografiepowerpointLinkedin
Paul Van Der Klei FotografiepowerpointLinkedinPaul Van Der Klei FotografiepowerpointLinkedin
Paul Van Der Klei FotografiepowerpointLinkedin
 
축제소개(대외용)
축제소개(대외용)축제소개(대외용)
축제소개(대외용)
 
Handout, Charter School Legal Issues
Handout, Charter School Legal IssuesHandout, Charter School Legal Issues
Handout, Charter School Legal Issues
 
MassChallenge Bootcamp Day 5: Finance
MassChallenge Bootcamp Day 5: FinanceMassChallenge Bootcamp Day 5: Finance
MassChallenge Bootcamp Day 5: Finance
 
7가지 습관으로 만나는 '내가 이끄는 큰 공부'
7가지 습관으로 만나는 '내가 이끄는 큰 공부'7가지 습관으로 만나는 '내가 이끄는 큰 공부'
7가지 습관으로 만나는 '내가 이끄는 큰 공부'
 
การทดลองทางวิทยาศ
การทดลองทางวิทยาศการทดลองทางวิทยาศ
การทดลองทางวิทยาศ
 
Chapter 12 Safety and Health
Chapter 12 Safety and HealthChapter 12 Safety and Health
Chapter 12 Safety and Health
 
Industry solutions 2012 final
Industry solutions 2012 finalIndustry solutions 2012 final
Industry solutions 2012 final
 

Similar to Web Accessibility

Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
 
How to evaluate web pages for accessibility
How to evaluate web pages for accessibilityHow to evaluate web pages for accessibility
How to evaluate web pages for accessibilitytonumikk
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
Web Accessibility Assessment for Everyone
Web Accessibility Assessment for EveryoneWeb Accessibility Assessment for Everyone
Web Accessibility Assessment for Everyonetonumikk
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's jobRemya Ramesh
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for AccessibilityUsability Matters
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web AccessibleInfosys
 
Accessibility Testing Approach
Accessibility Testing ApproachAccessibility Testing Approach
Accessibility Testing ApproachJatin Kochhar
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityUsability Matters
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureguidecreative
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentAgile Testing Alliance
 
Web For All
Web For AllWeb For All
Web For AllISOCHK
 
Accessibility testing-Gyani and Siddhanth
Accessibility testing-Gyani and SiddhanthAccessibility testing-Gyani and Siddhanth
Accessibility testing-Gyani and Siddhanthbhumika2108
 
Ch 3: Big Concepts
Ch 3: Big ConceptsCh 3: Big Concepts
Ch 3: Big ConceptsSteve Guinan
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Henny Swan
 
Introduction to mobile accessibility
Introduction to mobile accessibilityIntroduction to mobile accessibility
Introduction to mobile accessibilityJon Gibbins
 

Similar to Web Accessibility (20)

Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
How to evaluate web pages for accessibility
How to evaluate web pages for accessibilityHow to evaluate web pages for accessibility
How to evaluate web pages for accessibility
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Web Accessibility Assessment for Everyone
Web Accessibility Assessment for EveryoneWeb Accessibility Assessment for Everyone
Web Accessibility Assessment for Everyone
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's job
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for Accessibility
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web Accessible
 
Accessibilitytesting public
Accessibilitytesting publicAccessibilitytesting public
Accessibilitytesting public
 
EU policies in e-inclusion
EU policies in e-inclusionEU policies in e-inclusion
EU policies in e-inclusion
 
Accessibility Testing Approach
Accessibility Testing ApproachAccessibility Testing Approach
Accessibility Testing Approach
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital Accessibility
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFuture
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
 
Web For All
Web For AllWeb For All
Web For All
 
Accessibility testing-Gyani and Siddhanth
Accessibility testing-Gyani and SiddhanthAccessibility testing-Gyani and Siddhanth
Accessibility testing-Gyani and Siddhanth
 
Ch 3: Big Concepts
Ch 3: Big ConceptsCh 3: Big Concepts
Ch 3: Big Concepts
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
 
Introduction to mobile accessibility
Introduction to mobile accessibilityIntroduction to mobile accessibility
Introduction to mobile accessibility
 

Web Accessibility

  • 1. - Define Web Accessibility - A practical demonstration - Highlight Types of Disability WEB ACCESSIBILITY Affected - Show how these groups access the Web - Test - Exercise
  • 2. What is Web Accessibility? • In the physical world • Building Design • Ramps • Lifts • Rails •Automatic doors
  • 3. What is Web Accessibility? • In the cyber world • Site Design • structure • Coding • Presentation
  • 4. Web Accessibility A Practical Example http://www.purplemustard.co.uk
  • 5. Disabilities Affected • Technological (devices, connections and browsers) – Small, low-res monitors – Slow modems and phone lines – Variety of browser versions – Quasi-impairment
  • 6. Disabilities Affected • Physical (many people can’t use computers in the conventional way) – Blind, low vision, colour blind – Deafness or difficulty distinguishing sounds – Unable or painful to use mouse
  • 7. How do people access the web? • Screen readers (many of which are keyboard only activated) • Screen magnifiers (software or actual magnifiers) • Brail outputs
  • 8. How do people access the web? • Track balls • Other assisted technology that does not use mouse input • PDA’s and mobile phones with small screens, using device keyboards, styluses, scroll wheels etc
  • 9. What level of Web Accessibility? • UK Government min level 2 or AA of the Web Accessibility Initiative (WAI) • How do you test? – http://www.cynthiasays.com/ • Provide accessibility statement – How to, standards aimed for etc
  • 10. Group Exercise: Highlight to a business the benefits of Accessibility:
  • 11. Benefits of Accessibility 1. Increase Market Share and Audience Reach 2. Demonstrate social responsibility 3. Improve Search Engine Performance 4. Reduces Legal Liability
  • 12. Session Summary 1. Learned what Web Accessibility is 2. Viewed an example of a poor site 3. Learned the disabilities affected 4. How they access the web & to test 5. The benefits of an accessible site