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

PPTX
Accessibility
PPTX
Web accessibility
PPT
Blogs
PPTX
Web accessibility
PPTX
Web design and accessibility
PPT
Geraldton Combined Schools Pd July 2009
PPT
Blogs And Wiki
Accessibility
Web accessibility
Blogs
Web accessibility
Web design and accessibility
Geraldton Combined Schools Pd July 2009
Blogs And Wiki

What's hot (13)

PPTX
Web 2.0 presentation
PPT
COIL Center: Cross-Cultural 2.0 Guth/Shah-Nelson
PPT
CH 9: Editorial Style Notes
PPTX
PDF
DESIGN FOR INCLUSION
PPTX
Web Accessibility
PPTX
Excerpts from ANZCED 2013: Beyond access – using captions to teach skills and...
PPT
Haiku Lms & Wiziq
PPTX
Newsomem cms
PPT
Escholars Session 2
PPT
Wikis Blogs COE
PPTX
Ed 480 Final Presentation
PDF
iMoot 2014 - Designing a Multi-device Moodle Course Site: A Case Study
Web 2.0 presentation
COIL Center: Cross-Cultural 2.0 Guth/Shah-Nelson
CH 9: Editorial Style Notes
DESIGN FOR INCLUSION
Web Accessibility
Excerpts from ANZCED 2013: Beyond access – using captions to teach skills and...
Haiku Lms & Wiziq
Newsomem cms
Escholars Session 2
Wikis Blogs COE
Ed 480 Final Presentation
iMoot 2014 - Designing a Multi-device Moodle Course Site: A Case Study
Ad

Viewers also liked (20)

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

Similar to Web topic 23 web accessibility (20)

PPTX
Accessibility in Web Development: Making Websites Inclusive
PPTX
Web Accessibility Audit_ Ensuring Inclusivity Online.pptx
PPTX
The Importance of Accessibility in Web Development
PPTX
A Half Day Workshop on Building Accessible Websites For People With Disabilities
PPTX
Accessibility Quick Wins
PPTX
Web Content Accessibility Guidelines
PDF
Quick Web Accessibility - Sensory Therapy Gardens Manual
PPTX
PPT
Wordcamp buffalo
PPT
Accessible computing
PDF
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
PPT
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
PPT
Seth Duffy Accessibility97035
PDF
Web Accessibility Solutions: Making the Web Accessible for Everyone
PDF
Usability ≠ Accessibility. An intro to web accessibility for agencies.
PDF
Accessibility and why it matters
PPT
Wordcamp Toronto 2013
PDF
Comrade Web Accessibility 101
PDF
Smart Cities- Impact of web accessibility on e-service design
PPTX
Web accessibility workshop 2
Accessibility in Web Development: Making Websites Inclusive
Web Accessibility Audit_ Ensuring Inclusivity Online.pptx
The Importance of Accessibility in Web Development
A Half Day Workshop on Building Accessible Websites For People With Disabilities
Accessibility Quick Wins
Web Content Accessibility Guidelines
Quick Web Accessibility - Sensory Therapy Gardens Manual
Wordcamp buffalo
Accessible computing
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
Seth Duffy Accessibility97035
Web Accessibility Solutions: Making the Web Accessible for Everyone
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Accessibility and why it matters
Wordcamp Toronto 2013
Comrade Web Accessibility 101
Smart Cities- Impact of web accessibility on e-service design
Web accessibility workshop 2

More from CK Yang (10)

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

Recently uploaded (20)

PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
An introduction to AI in research and reference management
PPTX
6- Architecture design complete (1).pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
rapid fire quiz in your house is your india.pptx
PDF
Interior Structure and Construction A1 NGYANQI
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
12. Community Pharmacy and How to organize it
PPTX
joggers park landscape assignment bandra
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
Entrepreneur intro, origin, process, method
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
areprosthodontics and orthodonticsa text.pptx
PPTX
Fundamental Principles of Visual Graphic Design.pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
An introduction to AI in research and reference management
6- Architecture design complete (1).pptx
Wisp Textiles: Where Comfort Meets Everyday Style
rapid fire quiz in your house is your india.pptx
Interior Structure and Construction A1 NGYANQI
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
SEVA- Fashion designing-Presentation.pdf
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
12. Community Pharmacy and How to organize it
joggers park landscape assignment bandra
AD Bungalow Case studies Sem 2.pptxvwewev
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Entrepreneur intro, origin, process, method
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
areprosthodontics and orthodonticsa text.pptx
Fundamental Principles of Visual Graphic Design.pptx

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