SlideShare a Scribd company logo
Web Authoring

   Topic 23 –
 Web Accessibility
Objectives
Students should able to:

1. Explain web accessibility.

2. List the principles of accessible design.
Web Accessibility
What is 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.
Web Accessibility
What is disabilities?
Disabilities that affect access to the
Web, including
visual, auditory, physical, speech, cognitive, a
nd neurological disabilities.
 Visual
           Hearing
                                   Cognitive
                        Motor
Web Accessibility
Why Web Accessibility is Important?
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.
Principles of Accessible Design
List of some key principles of accessible
design:
1. Provide appropriate alternative text
2. Provide headings for data tables
3. Ensure users can complete and submit all
   forms
4. Ensure links make sense out of context
Principles of Accessible Design
List of some key principles of accessible
design:
5. Caption and/or provide transcripts for
    media
6. Allow users to skip repetitive elements on
   the page
7. Do not rely on colour alone to convey
   meaning
Principles of Accessible Design
List of some key principles of accessible
design:
8. Make sure content is clearly written and
   easy to read
9. Make JavaScript accessible
10. Design to standards
Making Accessible Web Site
Making a Web site accessible can be simple
or complex, depending on many factors such
as the type of content, the size and
complexity of the site, and the development
tools and environment.
Many accessibility features are easily
implemented if they are planned from the
beginning of Web site development or
redesign             http://www.w3.org/WAI/impl/
Accessibility of a Web Site
When developing or redesigning a
site, evaluating accessibility early and
throughout the development process can
identify accessibility problems early when it is
easier to address them.
Accessibility of a Web Site
There are evaluation tools that help with
evaluation.

However, no tool alone can determine if a
site meets accessibility guidelines.

Knowledgeable human evaluation is
required to determine if a site is accessible.
              http://www.w3.org/WAI/eval/conformance

More Related Content

What's hot (13)

PPTX
Web 2.0 presentation
cmott1
 
PPT
COIL Center: Cross-Cultural 2.0 Guth/Shah-Nelson
clarkshahnelson
 
PPT
CH 9: Editorial Style Notes
Program in Interdisciplinary Computing
 
PPTX
SUBA
subapriya17
 
PDF
DESIGN FOR INCLUSION
BCcampus
 
PPTX
Web Accessibility
Manjeet Vaseer
 
PPTX
Excerpts from ANZCED 2013: Beyond access – using captions to teach skills and...
Media Access Australia
 
PPT
Haiku Lms & Wiziq
guest7bc159
 
PPTX
Newsomem cms
mlnewsome
 
PPT
Escholars Session 2
Kim Flintoff
 
PPT
Wikis Blogs COE
carissa_tomlinson
 
PPTX
Ed 480 Final Presentation
Joannt
 
PDF
iMoot 2014 - Designing a Multi-device Moodle Course Site: A Case Study
Paul Hibbitts
 
Web 2.0 presentation
cmott1
 
COIL Center: Cross-Cultural 2.0 Guth/Shah-Nelson
clarkshahnelson
 
CH 9: Editorial Style Notes
Program in Interdisciplinary Computing
 
DESIGN FOR INCLUSION
BCcampus
 
Web Accessibility
Manjeet Vaseer
 
Excerpts from ANZCED 2013: Beyond access – using captions to teach skills and...
Media Access Australia
 
Haiku Lms & Wiziq
guest7bc159
 
Newsomem cms
mlnewsome
 
Escholars Session 2
Kim Flintoff
 
Wikis Blogs COE
carissa_tomlinson
 
Ed 480 Final Presentation
Joannt
 
iMoot 2014 - Designing a Multi-device Moodle Course Site: A Case Study
Paul Hibbitts
 

Viewers also liked (20)

PPTX
Web topic 29 w3 c page validation
CK Yang
 
PPTX
Web topic 32 validate web contents
CK Yang
 
PPTX
Web topic 14 cascading style sheets
CK Yang
 
PPTX
Web topic 28. w3 c standards and guidelines
CK Yang
 
PPTX
Web topic 24 usage of web browser
CK Yang
 
PPTX
Web topic 25 mobile optimized website
CK Yang
 
PPTX
Web topic 29 w3 c page validation
CK Yang
 
PPTX
Web topic 15 1 basic css layout
CK Yang
 
PPTX
Web topic 30 ensure web contents meet
CK Yang
 
PPTX
Web topic 26 browser compatibilty and security
CK Yang
 
PPTX
Web topic 27 class test
CK Yang
 
PPTX
Web topic 33 publish websites
CK Yang
 
PPTX
Web topic 31 setup remote site
CK Yang
 
PPTX
Web topic 17 font family in css
CK Yang
 
PPTX
Web topic 22 validation on web forms
CK Yang
 
PPTX
Web topic 15 2 basic css layout
CK Yang
 
PPTX
Web topic 16 css workflow
CK Yang
 
PPTX
Web topic 21 pass info via javascript
CK Yang
 
PPTX
Web topic 20 1 html forms
CK Yang
 
PPTX
Web topic 18 conflict resolution in css
CK Yang
 
Web topic 29 w3 c page validation
CK Yang
 
Web topic 32 validate web contents
CK Yang
 
Web topic 14 cascading style sheets
CK Yang
 
Web topic 28. w3 c standards and guidelines
CK Yang
 
Web topic 24 usage of web browser
CK Yang
 
Web topic 25 mobile optimized website
CK Yang
 
Web topic 29 w3 c page validation
CK Yang
 
Web topic 15 1 basic css layout
CK Yang
 
Web topic 30 ensure web contents meet
CK Yang
 
Web topic 26 browser compatibilty and security
CK Yang
 
Web topic 27 class test
CK Yang
 
Web topic 33 publish websites
CK Yang
 
Web topic 31 setup remote site
CK Yang
 
Web topic 17 font family in css
CK Yang
 
Web topic 22 validation on web forms
CK Yang
 
Web topic 15 2 basic css layout
CK Yang
 
Web topic 16 css workflow
CK Yang
 
Web topic 21 pass info via javascript
CK Yang
 
Web topic 20 1 html forms
CK Yang
 
Web topic 18 conflict resolution in css
CK Yang
 
Ad

Similar to Web topic 23 web accessibility (20)

PPTX
Accessibility in Web Development: Making Websites Inclusive
coderegular349
 
PPTX
Web Accessibility Audit_ Ensuring Inclusivity Online.pptx
EmmaJones273085
 
PPTX
The Importance of Accessibility in Web Development
PC Doctors NET
 
PPTX
A Half Day Workshop on Building Accessible Websites For People With Disabilities
Aayush Shrestha
 
PPTX
Accessibility Quick Wins
Jeff Reynolds
 
PPTX
Web Content Accessibility Guidelines
PurnimaAgarwal6
 
PDF
Quick Web Accessibility - Sensory Therapy Gardens Manual
KlausGroenholm
 
PPTX
WCAG.pptx
ShamimAhammadRasel
 
PPT
Wordcamp buffalo
thegeniusca
 
PPT
Accessible computing
Dhananjay Bhole
 
PDF
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Whole Brain Group, LLC
 
PPT
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
hannonhill
 
PPT
Seth Duffy Accessibility97035
FNian
 
PDF
Web Accessibility Solutions: Making the Web Accessible for Everyone
vineet406635
 
PDF
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Kate Horowitz
 
PDF
Accessibility and why it matters
Margarida Sousa
 
PPT
Wordcamp Toronto 2013
thegeniusca
 
PDF
Comrade Web Accessibility 101
Comrade
 
PDF
Smart Cities- Impact of web accessibility on e-service design
Smart Cities Project
 
PPTX
Web accessibility workshop 2
Vladimir Tomberg
 
Accessibility in Web Development: Making Websites Inclusive
coderegular349
 
Web Accessibility Audit_ Ensuring Inclusivity Online.pptx
EmmaJones273085
 
The Importance of Accessibility in Web Development
PC Doctors NET
 
A Half Day Workshop on Building Accessible Websites For People With Disabilities
Aayush Shrestha
 
Accessibility Quick Wins
Jeff Reynolds
 
Web Content Accessibility Guidelines
PurnimaAgarwal6
 
Quick Web Accessibility - Sensory Therapy Gardens Manual
KlausGroenholm
 
Wordcamp buffalo
thegeniusca
 
Accessible computing
Dhananjay Bhole
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Whole Brain Group, LLC
 
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
hannonhill
 
Seth Duffy Accessibility97035
FNian
 
Web Accessibility Solutions: Making the Web Accessible for Everyone
vineet406635
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Kate Horowitz
 
Accessibility and why it matters
Margarida Sousa
 
Wordcamp Toronto 2013
thegeniusca
 
Comrade Web Accessibility 101
Comrade
 
Smart Cities- Impact of web accessibility on e-service design
Smart Cities Project
 
Web accessibility workshop 2
Vladimir Tomberg
 
Ad

More from CK Yang (10)

PPTX
Web topic 20 2 html forms
CK Yang
 
PPTX
Web topic 13 html validation tools
CK Yang
 
PPTX
Web topic 12 tables in html
CK Yang
 
PPTX
Web topic 11 importance of html validation
CK Yang
 
PPTX
Web topic 10 2 web design basics
CK Yang
 
PPTX
Web topic 9 navigation and link
CK Yang
 
PPTX
Web topic 8 listings in html
CK Yang
 
PPTX
Web topic 7 html tags for links
CK Yang
 
PPTX
Web topic 5 text formatting
CK Yang
 
PPTX
Web topic 4 style in html
CK Yang
 
Web topic 20 2 html forms
CK Yang
 
Web topic 13 html validation tools
CK Yang
 
Web topic 12 tables in html
CK Yang
 
Web topic 11 importance of html validation
CK Yang
 
Web topic 10 2 web design basics
CK Yang
 
Web topic 9 navigation and link
CK Yang
 
Web topic 8 listings in html
CK Yang
 
Web topic 7 html tags for links
CK Yang
 
Web topic 5 text formatting
CK Yang
 
Web topic 4 style in html
CK Yang
 

Recently uploaded (20)

PPTX
Mainframe Modernization Services with Vrnexgen
tejushrie
 
PPTX
EDC_UNIT _I FINAL (1).pptx dhud and w ah yes
TEAKADAITROLLS
 
PDF
Presentation of design made by power point
habibikuw002
 
PDF
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
PDF
tdtr.pdfjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
JuanCParedes
 
PPTX
Bldg Mtc 8 Maintance documentation and audits - 25 (2).pptx
MwanamomoMpamba
 
PPTX
Graphic_Design_Pjjjjjjjjjjjjjjjresentation.pptx
kumarsahil80682
 
PPTX
Urban design is a huge concept when it comes to planning.
IshikaPanchal11
 
PPTX
Exploring Types of Rocks Educational Presentation rock forming james harold r...
jamescarllfelomino6
 
DOCX
Redefining Master Plans for creating sustainable cities-Jharkhand Conference...
JIT KUMAR GUPTA
 
PPTX
CompanyReviewTypeOfPowerpointThatIsColor
plukleomarigpuara
 
PPTX
hall ppt 1 it for basic tamolet .pptx
ashishbehera64
 
PPTX
Elevating Elegance: Lobby Design Ideas by Germany’s Top Building Rendering Se...
Yantram Animation Studio Corporation
 
PPTX
811109685-CS3401-Algorithms-Unit-IV.pptx
archu26
 
PPTX
TAMBO CANTA CALLAO C3 INFOGRAFIA - 05.07.pptx
milleracosta1
 
PDF
🔴BUKTI KEMENANGAN HARI INI SENIN 14 JULI 2025 !!!🔴
GRAB
 
PPTX
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
PPTX
Pitch_template_ppt_for_generation volunteer2024 .pptx
rinjanithiara99
 
PDF
Black and Blue Modern Technology Presentation.pdf
hjaders1104
 
PDF
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
Mainframe Modernization Services with Vrnexgen
tejushrie
 
EDC_UNIT _I FINAL (1).pptx dhud and w ah yes
TEAKADAITROLLS
 
Presentation of design made by power point
habibikuw002
 
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
tdtr.pdfjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
JuanCParedes
 
Bldg Mtc 8 Maintance documentation and audits - 25 (2).pptx
MwanamomoMpamba
 
Graphic_Design_Pjjjjjjjjjjjjjjjresentation.pptx
kumarsahil80682
 
Urban design is a huge concept when it comes to planning.
IshikaPanchal11
 
Exploring Types of Rocks Educational Presentation rock forming james harold r...
jamescarllfelomino6
 
Redefining Master Plans for creating sustainable cities-Jharkhand Conference...
JIT KUMAR GUPTA
 
CompanyReviewTypeOfPowerpointThatIsColor
plukleomarigpuara
 
hall ppt 1 it for basic tamolet .pptx
ashishbehera64
 
Elevating Elegance: Lobby Design Ideas by Germany’s Top Building Rendering Se...
Yantram Animation Studio Corporation
 
811109685-CS3401-Algorithms-Unit-IV.pptx
archu26
 
TAMBO CANTA CALLAO C3 INFOGRAFIA - 05.07.pptx
milleracosta1
 
🔴BUKTI KEMENANGAN HARI INI SENIN 14 JULI 2025 !!!🔴
GRAB
 
the very teaching plan extra ordinary.pptx
PamelaOdibeli1
 
Pitch_template_ppt_for_generation volunteer2024 .pptx
rinjanithiara99
 
Black and Blue Modern Technology Presentation.pdf
hjaders1104
 
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 

Web topic 23 web accessibility

  • 1. Web Authoring Topic 23 – Web Accessibility
  • 2. Objectives Students should able to: 1. Explain web accessibility. 2. List the principles of accessible design.
  • 3. Web Accessibility What is 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.
  • 4. Web Accessibility What is disabilities? Disabilities that affect access to the Web, including visual, auditory, physical, speech, cognitive, a nd neurological disabilities. Visual Hearing Cognitive Motor
  • 5. Web Accessibility Why Web Accessibility is Important? 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.
  • 6. Principles of Accessible Design List of some key principles of accessible design: 1. Provide appropriate alternative text 2. Provide headings for data tables 3. Ensure users can complete and submit all forms 4. Ensure links make sense out of context
  • 7. Principles of Accessible Design List of some key principles of accessible design: 5. Caption and/or provide transcripts for media 6. Allow users to skip repetitive elements on the page 7. Do not rely on colour alone to convey meaning
  • 8. Principles of Accessible Design List of some key principles of accessible design: 8. Make sure content is clearly written and easy to read 9. Make JavaScript accessible 10. Design to standards
  • 9. Making Accessible Web Site Making a Web site accessible can be simple or complex, depending on many factors such as the type of content, the size and complexity of the site, and the development tools and environment. Many accessibility features are easily implemented if they are planned from the beginning of Web site development or redesign http://www.w3.org/WAI/impl/
  • 10. Accessibility of a Web Site When developing or redesigning a site, evaluating accessibility early and throughout the development process can identify accessibility problems early when it is easier to address them.
  • 11. Accessibility of a Web Site There are evaluation tools that help with evaluation. However, no tool alone can determine if a site meets accessibility guidelines. Knowledgeable human evaluation is required to determine if a site is accessible. http://www.w3.org/WAI/eval/conformance