Web Accessibility

Manjeet Vaseer
Web Accessibility
Manjeet Singh
Index
• Objective of the study
• Web Accessibility
• Web Accessibility Benefits
• Myths about Web Accessibility
• Accessibility Acts
• Scope of the Study
• Understanding Users
• Assistive technologies
• Web Accessibility Methodology
• WCAG 2.0/ Section 508 Guidelines Walkthrough
• Workshop
• References
Objective of the study
• The aim of this study is to introduce the concept of Web Accessibility. The study
will particularly concentrate on establishing what the need for accessibility is and
how any web developer/ designers/ testers could improve to make the content
accessible to more people.
• The study will establish what web users and, in particular, developers/ testers get
to know about this concept and what the need to teach people about web
accessibility is. It will also try to understand what can be called a disabled person
on the web and what the special needs associates with each disability are.
• The study will also introduce some of the techniques, tools and methods available
for the developer and for the user to improve Web accessibility. These range from
the use of simplified languages to the right choice of colors, including the structure
of the web page and its presentation.
• In other words, the purpose of this study is to learn the web accessibility and
identify problem areas and report the findings/ problematic areas using the
system by the person with the different abilities.
Web Accessibility
Web accessibility means that people with disabilities can use the Web. More
specifically, Web accessibility means that people with disabilities can perceive,
understand, navigate, and interact with the Web, and that they can contribute to the
Web. Web accessibility also benefits others, including older people with changing
abilities due to aging.
The Web is an increasingly important resource in many aspects of life: education,
employment, government, commerce, health care, recreation, and more. It is essential
that the Web be accessible in order to provide equal access and equal opportunity to
people with disabilities. An accessible Web can also help people with disabilities more
actively participate in society.
Web Accessibility Benefits
Conformance with web accessibility standards will improve audience reach by
increasing accessibility and usability. By adhering to the standards and guidelines we
will be able to:
– Improve download times
– Improve consistency in navigation flows
– Increase flexibility associated with device-independent code
– Improve search engine rankings
– Provide content that is more easily understood by your users
– Make services more accessible globally
– Reduce site maintenance costs
– Demonstrate commitment to social responsibility
Myths about Web Accessibility
– Text-Only Versions Are an Acceptable Solution
– Accessibility Makes Sites/ Application Dull and Boring
– Accessibility Is the Sole Responsibility of Web Developers/ Designers
– Accessibility Is for People Who Are Blind
– Evaluation Tools Can Determine Conformance to Standards
– Guidelines Are Not Sufficient for Accessibility
Accessibility Acts
The Web Accessibility Initiative (WAI) by the World Wide Web Consortium (W3C) in 1997
has successfully raised awareness in the web design community about issues related to
access to information on the web by disabled users. It raises awareness about certain types
of barriers to receive information over the web and aims at proposing solutions that will
reduce the barriers significantly.
Barriers to receiving free information may fall under government discrimination acts in
many countries. For example,
- the Disability Discrimination Act (DDA) in the UK (Hackett, Parmanto, & Zeng, 2005),
- Americans with Disabilities Act (Johnson & Ruppert, 2002) in the US, and
- the Australian Disability Discrimination Legislation (Wallis, 2005) in Australia consider
that web contents be equally accessible to all citizens of their nation.
- In Canada, the government has taken a step forward in creating any of its governmental
sites with accessibility features since 1995 (Slatin & Rush, 2003), thus making
compliance to accessibility guidelines a requirement at the government level.
Scope of the Study
For Level A conformance (the
minimum level of conformance),
the Web page satisfies all the
Level A Success criteria.
Level A Level AA Level AAA
For Level AA conformance, the
Web page satisfies all the Level A
and Level AA Success Criteria.
Level AAA and Touch Devices are out of
scope
According to W3C, during the first step of the accessibility evaluation,
the target conformance level of WCAG 2.0 should be set. The target conformance
level means either A, AA or AAA*.
Understanding Users
This introduction should help you understand how people with disabilities use the
web, the frustrations they feel when they cannot access the web, and what you can do
to make your sites more accessible. The internet is one of the best things that ever
happened to people with disabilities. You may not have thought about it that way, but
all you have to do is think back to the days before the internet to see why this is so.
Understanding Users
Though estimates vary, most studies find that about one fifth (20%) of the
population has some kind of disability. Not all of these people have disabilities that
make it difficult for them to access the internet, but it is still a significant portion of
the population.
A guy using pointer device to access web Screen reader program for blind users
Assistive technologies
In human–computer interaction, computer accessibility (also known as accessible computing)
refers to the accessibility of a computer system to all people, regardless of disability or
severity of impairment, examples include web accessibility.
Web Accessibility Methodology
Guidelines to be followed
– WCAG 2.0 accessibility standards
Techniques included as test cases
– General techniques
– HTML/XHTML techniques
– CSS technique
Defining Severity of the issues
– Critical: User is not able to complete the task successfully
or shouldn’t trigger unintended action
– High: User is able to complete the tasks with minor workaround involved
– Medium: User is able to complete the task with minor inconveniences
– Low: Primarily cosmetic in nature, good to have
Web Accessibility Methodology
Software Requirements
– NotePad++ (OpenSource): http://notepad-plus-plus.org/
– Code inspection and validation tools
• HTML mark-up/ CSS validators (W3C validator)
– Assistive technologies (ATs) – JAWS/ NVDA (screen reader)
– Colour contrast analyser 2.0
Browser Requirement
– HTML/CSS will be tested on different browsers and to be reviewed.
Internet Explorer IE 8+
Mozila Firefox FF 3.0+
Opera 12+
Safari 5+
Chrome 21+
WCAG 2.0 Checklist Walkthrough
Perceivable
• Our website can be visited by people with very different types of perceptive preferences
and needs, but also by robots (search engines, translators…). Our information and user
interface components must address this handicap. We must give alternatives if a user
cannot use one of her senses.
Operable
• Web developers must be aware of the different devices the users can manage to use the
website, so they must make the user interface components and navigation elements in a
way that everyone can “operate” with it. E.g. Don’t limit user input to “mouse” or
“pointers”.
Understandable
• If our user don’t understand what we are talking about, or we make her feel lost, we
have a problem. We must design our the system, including the information and the user
interface, in a friendly way.
Robust
• This is the most-technology-dependent principle of all. It relies on the capacity of the
system to be transmitted and interpreted by the user agents.
References
• http://www.uservision.co.uk/resources/case-studies/
• http://validator.w3.org/
• http://jigsaw.w3.org/css-validator/
• http://www.totalvalidator.com/
• http://wave.webaim.org/
• http://webaim.org/standards/wcag/checklist
Workshop
– Select Website/ Application
– Select page to conduct accessibility evaluation
– Evaluate with WCAG 2.0/ Section 508 Checklist
– Test with JAWS/ NVDA
– Report Creation
– Report Submission
Thank You!
LinkedIn: in.linkedin.com/in/manjeetvaseer
1 de 17

Recomendados

Web Accessibility por
Web AccessibilityWeb Accessibility
Web AccessibilityAmal Abduallah
1.3K vistas52 diapositivas
Web Accessibility for Web Developers por
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander Loechel
849 vistas31 diapositivas
Web accessibility 101: The why, who, what, and how of "a11y" por
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"ecentricarts
4.3K vistas65 diapositivas
What is Web Accessibility? An Introduction to Web Accessibility. por
What is Web Accessibility? An Introduction to Web Accessibility.What is Web Accessibility? An Introduction to Web Accessibility.
What is Web Accessibility? An Introduction to Web Accessibility.Christopher Positive Equator
253 vistas20 diapositivas
Web accessibility workshop 1 por
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
1.1K vistas81 diapositivas
Website Accessibility por
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
1.8K vistas30 diapositivas

Más contenido relacionado

La actualidad más candente

What is WCAG 2 and why should we care? por
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?Russ Weakley
312 vistas63 diapositivas
Basics of Web Accessibility por
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web AccessibilityMoin Shaikh
520 vistas66 diapositivas
Web accessibility por
Web accessibilityWeb accessibility
Web accessibilityPatrick Broens
2.5K vistas28 diapositivas
Planning & Designing for Accessible Experiences por
Planning & Designing for Accessible ExperiencesPlanning & Designing for Accessible Experiences
Planning & Designing for Accessible ExperiencesICF
82 vistas8 diapositivas
Web Accessibility por
Web AccessibilityWeb Accessibility
Web AccessibilityZoe Gillenwater
2K vistas65 diapositivas
Udem 2007 Accessibility Standards por
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standardssharron
714 vistas87 diapositivas

La actualidad más candente(20)

What is WCAG 2 and why should we care? por Russ Weakley
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
Russ Weakley312 vistas
Basics of Web Accessibility por Moin Shaikh
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web Accessibility
Moin Shaikh520 vistas
Planning & Designing for Accessible Experiences por ICF
Planning & Designing for Accessible ExperiencesPlanning & Designing for Accessible Experiences
Planning & Designing for Accessible Experiences
ICF82 vistas
Udem 2007 Accessibility Standards por sharron
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standards
sharron714 vistas
Accessible Web Design por 3Play Media
Accessible Web DesignAccessible Web Design
Accessible Web Design
3Play Media383 vistas
Including Everyone: Web Accessibility 101 por Helena Zubkow
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
Helena Zubkow3.5K vistas
Web a11y beyond guidelines por rach123
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelines
rach123805 vistas
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility por 3Play Media
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF AccessibilityDemystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility
Demystifying WCAG 2.0: An Intro to Web, Office, InDesign, & PDF Accessibility
3Play Media4.4K vistas
Understanding and Supporting Web Accessibility por Rachel Cherry
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
Rachel Cherry4.9K vistas
Web Accessibility I Centrum por webmirer
Web Accessibility I CentrumWeb Accessibility I Centrum
Web Accessibility I Centrum
webmirer650 vistas
Web Accessibility: A Shared Responsibility por Joseph Dolson
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
Joseph Dolson4K vistas
doumi94 por doumi94
doumi94doumi94
doumi94
doumi94576 vistas
WCAG 2.0, Simplified por ciwstudy
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
ciwstudy6.7K vistas

Similar a Web Accessibility

Accessibility and why it matters por
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
311 vistas37 diapositivas
WCAG por
WCAGWCAG
WCAGPurnimaAgarwal6
155 vistas30 diapositivas
Accessible computing por
Accessible computingAccessible computing
Accessible computingDhananjay Bhole
415 vistas27 diapositivas
Global Accessibility Awareness Day por
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness DayClaudio Luis Vera, MBA, CPWA
328 vistas47 diapositivas
Corporate Web Accessibility Implementation Strategies por
Corporate Web Accessibility Implementation StrategiesCorporate Web Accessibility Implementation Strategies
Corporate Web Accessibility Implementation StrategiesUA WEB, A.C.
1.6K vistas48 diapositivas
#Wtf is web accessibility por
#Wtf is web accessibility#Wtf is web accessibility
#Wtf is web accessibilityDomenico Monaco
231 vistas17 diapositivas

Similar a Web Accessibility(20)

Accessibility and why it matters por Margarida Sousa
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
Margarida Sousa311 vistas
Corporate Web Accessibility Implementation Strategies por UA WEB, A.C.
Corporate Web Accessibility Implementation StrategiesCorporate Web Accessibility Implementation Strategies
Corporate Web Accessibility Implementation Strategies
UA WEB, A.C.1.6K vistas
Usability ≠ Accessibility. An intro to web accessibility for agencies. por Kate Horowitz
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Kate Horowitz807 vistas
Engineering Web Accessibility for Older People por David Sloan
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older People
David Sloan649 vistas
Wipa Seminar WCAG 2.0 por Roger Hudson
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0
Roger Hudson1.2K vistas
Accessibility Overview - 508 and WCAG Compliance por Frank Walsh
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG Compliance
Frank Walsh559 vistas
Wordcamp Ottawa 2014 - WordPress Accessibility por thegeniusca
Wordcamp Ottawa 2014 - WordPress AccessibilityWordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress Accessibility
thegeniusca632 vistas
Accessibility testing kailash 26_nov_ 2010 por Kailash More
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010
Kailash More637 vistas
Enhancing the User Experience for People with Disabilities por UXPA International
Enhancing the User Experience for People with DisabilitiesEnhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with Disabilities
UXPA International 728 vistas

Último

StudioX.pptx por
StudioX.pptxStudioX.pptx
StudioX.pptxNikhileshSathyavarap
101 vistas18 diapositivas
MercerJesse3.0.pdf por
MercerJesse3.0.pdfMercerJesse3.0.pdf
MercerJesse3.0.pdfjessemercerail
152 vistas6 diapositivas
ANGULARJS.pdf por
ANGULARJS.pdfANGULARJS.pdf
ANGULARJS.pdfArthyR3
51 vistas10 diapositivas
Volf work.pdf por
Volf work.pdfVolf work.pdf
Volf work.pdfMariaKenney3
89 vistas43 diapositivas
NodeJS and ExpressJS.pdf por
NodeJS and ExpressJS.pdfNodeJS and ExpressJS.pdf
NodeJS and ExpressJS.pdfArthyR3
48 vistas17 diapositivas
MUET Newsletter Vol-IX, Issue-III, 2023 por
MUET Newsletter Vol-IX, Issue-III, 2023MUET Newsletter Vol-IX, Issue-III, 2023
MUET Newsletter Vol-IX, Issue-III, 2023Mehran University of Engineering & Technology, Jamshoro
139 vistas16 diapositivas

Último(20)

ANGULARJS.pdf por ArthyR3
ANGULARJS.pdfANGULARJS.pdf
ANGULARJS.pdf
ArthyR351 vistas
NodeJS and ExpressJS.pdf por ArthyR3
NodeJS and ExpressJS.pdfNodeJS and ExpressJS.pdf
NodeJS and ExpressJS.pdf
ArthyR348 vistas
Create a Structure in VBNet.pptx por Breach_P
Create a Structure in VBNet.pptxCreate a Structure in VBNet.pptx
Create a Structure in VBNet.pptx
Breach_P86 vistas
Creative Restart 2023: Atila Martins - Craft: A Necessity, Not a Choice por Taste
Creative Restart 2023: Atila Martins - Craft: A Necessity, Not a ChoiceCreative Restart 2023: Atila Martins - Craft: A Necessity, Not a Choice
Creative Restart 2023: Atila Martins - Craft: A Necessity, Not a Choice
Taste45 vistas
Narration lesson plan por TARIQ KHAN
Narration lesson planNarration lesson plan
Narration lesson plan
TARIQ KHAN75 vistas
Monthly Information Session for MV Asterix (November) por Esquimalt MFRC
Monthly Information Session for MV Asterix (November)Monthly Information Session for MV Asterix (November)
Monthly Information Session for MV Asterix (November)
Esquimalt MFRC107 vistas
Class 9 lesson plans por TARIQ KHAN
Class 9 lesson plansClass 9 lesson plans
Class 9 lesson plans
TARIQ KHAN82 vistas

Web Accessibility

  • 2. Index • Objective of the study • Web Accessibility • Web Accessibility Benefits • Myths about Web Accessibility • Accessibility Acts • Scope of the Study • Understanding Users • Assistive technologies • Web Accessibility Methodology • WCAG 2.0/ Section 508 Guidelines Walkthrough • Workshop • References
  • 3. Objective of the study • The aim of this study is to introduce the concept of Web Accessibility. The study will particularly concentrate on establishing what the need for accessibility is and how any web developer/ designers/ testers could improve to make the content accessible to more people. • The study will establish what web users and, in particular, developers/ testers get to know about this concept and what the need to teach people about web accessibility is. It will also try to understand what can be called a disabled person on the web and what the special needs associates with each disability are. • The study will also introduce some of the techniques, tools and methods available for the developer and for the user to improve Web accessibility. These range from the use of simplified languages to the right choice of colors, including the structure of the web page and its presentation. • In other words, the purpose of this study is to learn the web accessibility and identify problem areas and report the findings/ problematic areas using the system by the person with the different abilities.
  • 4. Web Accessibility Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging. The Web is an increasingly important resource in many aspects of life: education, employment, government, commerce, health care, recreation, and more. It is essential that the Web be accessible in order to provide equal access and equal opportunity to people with disabilities. An accessible Web can also help people with disabilities more actively participate in society.
  • 5. Web Accessibility Benefits Conformance with web accessibility standards will improve audience reach by increasing accessibility and usability. By adhering to the standards and guidelines we will be able to: – Improve download times – Improve consistency in navigation flows – Increase flexibility associated with device-independent code – Improve search engine rankings – Provide content that is more easily understood by your users – Make services more accessible globally – Reduce site maintenance costs – Demonstrate commitment to social responsibility
  • 6. Myths about Web Accessibility – Text-Only Versions Are an Acceptable Solution – Accessibility Makes Sites/ Application Dull and Boring – Accessibility Is the Sole Responsibility of Web Developers/ Designers – Accessibility Is for People Who Are Blind – Evaluation Tools Can Determine Conformance to Standards – Guidelines Are Not Sufficient for Accessibility
  • 7. Accessibility Acts The Web Accessibility Initiative (WAI) by the World Wide Web Consortium (W3C) in 1997 has successfully raised awareness in the web design community about issues related to access to information on the web by disabled users. It raises awareness about certain types of barriers to receive information over the web and aims at proposing solutions that will reduce the barriers significantly. Barriers to receiving free information may fall under government discrimination acts in many countries. For example, - the Disability Discrimination Act (DDA) in the UK (Hackett, Parmanto, & Zeng, 2005), - Americans with Disabilities Act (Johnson & Ruppert, 2002) in the US, and - the Australian Disability Discrimination Legislation (Wallis, 2005) in Australia consider that web contents be equally accessible to all citizens of their nation. - In Canada, the government has taken a step forward in creating any of its governmental sites with accessibility features since 1995 (Slatin & Rush, 2003), thus making compliance to accessibility guidelines a requirement at the government level.
  • 8. Scope of the Study For Level A conformance (the minimum level of conformance), the Web page satisfies all the Level A Success criteria. Level A Level AA Level AAA For Level AA conformance, the Web page satisfies all the Level A and Level AA Success Criteria. Level AAA and Touch Devices are out of scope According to W3C, during the first step of the accessibility evaluation, the target conformance level of WCAG 2.0 should be set. The target conformance level means either A, AA or AAA*.
  • 9. Understanding Users This introduction should help you understand how people with disabilities use the web, the frustrations they feel when they cannot access the web, and what you can do to make your sites more accessible. The internet is one of the best things that ever happened to people with disabilities. You may not have thought about it that way, but all you have to do is think back to the days before the internet to see why this is so.
  • 10. Understanding Users Though estimates vary, most studies find that about one fifth (20%) of the population has some kind of disability. Not all of these people have disabilities that make it difficult for them to access the internet, but it is still a significant portion of the population. A guy using pointer device to access web Screen reader program for blind users
  • 11. Assistive technologies In human–computer interaction, computer accessibility (also known as accessible computing) refers to the accessibility of a computer system to all people, regardless of disability or severity of impairment, examples include web accessibility.
  • 12. Web Accessibility Methodology Guidelines to be followed – WCAG 2.0 accessibility standards Techniques included as test cases – General techniques – HTML/XHTML techniques – CSS technique Defining Severity of the issues – Critical: User is not able to complete the task successfully or shouldn’t trigger unintended action – High: User is able to complete the tasks with minor workaround involved – Medium: User is able to complete the task with minor inconveniences – Low: Primarily cosmetic in nature, good to have
  • 13. Web Accessibility Methodology Software Requirements – NotePad++ (OpenSource): http://notepad-plus-plus.org/ – Code inspection and validation tools • HTML mark-up/ CSS validators (W3C validator) – Assistive technologies (ATs) – JAWS/ NVDA (screen reader) – Colour contrast analyser 2.0 Browser Requirement – HTML/CSS will be tested on different browsers and to be reviewed. Internet Explorer IE 8+ Mozila Firefox FF 3.0+ Opera 12+ Safari 5+ Chrome 21+
  • 14. WCAG 2.0 Checklist Walkthrough Perceivable • Our website can be visited by people with very different types of perceptive preferences and needs, but also by robots (search engines, translators…). Our information and user interface components must address this handicap. We must give alternatives if a user cannot use one of her senses. Operable • Web developers must be aware of the different devices the users can manage to use the website, so they must make the user interface components and navigation elements in a way that everyone can “operate” with it. E.g. Don’t limit user input to “mouse” or “pointers”. Understandable • If our user don’t understand what we are talking about, or we make her feel lost, we have a problem. We must design our the system, including the information and the user interface, in a friendly way. Robust • This is the most-technology-dependent principle of all. It relies on the capacity of the system to be transmitted and interpreted by the user agents.
  • 15. References • http://www.uservision.co.uk/resources/case-studies/ • http://validator.w3.org/ • http://jigsaw.w3.org/css-validator/ • http://www.totalvalidator.com/ • http://wave.webaim.org/ • http://webaim.org/standards/wcag/checklist
  • 16. Workshop – Select Website/ Application – Select page to conduct accessibility evaluation – Evaluate with WCAG 2.0/ Section 508 Checklist – Test with JAWS/ NVDA – Report Creation – Report Submission