Presentation is loading. Please wait.

Presentation is loading. Please wait.

How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.

Similar presentations


Presentation on theme: "How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design."— Presentation transcript:

1 How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

2 Objectives The Student will: Develop a basic understanding of the variety of methods and technologies used by people with disabilities in accessing computers and the web. Experience some of the common barriers people with disabilities face with inaccessible web content The Student will: Develop a basic understanding of the variety of methods and technologies used by people with disabilities in accessing computers and the web. Experience some of the common barriers people with disabilities face with inaccessible web content

3 Barriers to Websites One of the groups most dependent on standard- based web design is people with disabilities. Consider the following examples: If a web page includes visual content (graphic images), a person who is blind can't see them. These individuals might access the computer's output using synthesized text-to-speech technology known as a "screen reader", or they might use a small Braille output device. Graphics must be accompanied (in the code behind-the- scenes) with alternate text that describes the content of the graphics for anyone who is unable to see visual content. One of the groups most dependent on standard- based web design is people with disabilities. Consider the following examples: If a web page includes visual content (graphic images), a person who is blind can't see them. These individuals might access the computer's output using synthesized text-to-speech technology known as a "screen reader", or they might use a small Braille output device. Graphics must be accompanied (in the code behind-the- scenes) with alternate text that describes the content of the graphics for anyone who is unable to see visual content.

4 If a web page includes audio content, a person who is deaf or hard of hearing won't be able to hear it. This content must also be provided as text, such as in a transcript. If the site includes a multimedia file, that file should be closed captioned so that a visible text track, synchronized with the video, can be turned on by the user. If a web page has buttons, controls, menus, form fields, etc., that require a user to click on them with a mouse, users with physical disabilities who are unable to operate a mouse will be unable to access these controls. All controls should be operable with a keyboard as well. If a web page includes audio content, a person who is deaf or hard of hearing won't be able to hear it. This content must also be provided as text, such as in a transcript. If the site includes a multimedia file, that file should be closed captioned so that a visible text track, synchronized with the video, can be turned on by the user. If a web page has buttons, controls, menus, form fields, etc., that require a user to click on them with a mouse, users with physical disabilities who are unable to operate a mouse will be unable to access these controls. All controls should be operable with a keyboard as well.

5 Computer Access: In Our Own Words While watching this video note the ways people with disabilities can use the web…

6 Question… What are some the ways people with disabilities accessed the web?

7 Visual Impairments Screen readers… Here’s an example of a screen reader reading a web page http://www.webaim.org/simulations/scre enreader-sim.htm Microsoft narrator… Screen readers… Here’s an example of a screen reader reading a web page http://www.webaim.org/simulations/scre enreader-sim.htm Microsoft narrator…

8 Hearing Impairments Many videos have closed captioning…

9 Physical Impairments Keyboard controls vs. mouse Speech to text Special keyboards Etc. Keyboard controls vs. mouse Speech to text Special keyboards Etc.

10 Rest of Today Experiment with various web sites… Go to Tools -> Internet Options Click on the Advanced tab Turn off the Multi-media options Experiment with various web sites… Go to Tools -> Internet Options Click on the Advanced tab Turn off the Multi-media options

11 Rest of Today Try accessing web pages without using your mouse Try watching videos with no sound Try accessing web pages without using your mouse Try watching videos with no sound


Download ppt "How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design."

Similar presentations


Ads by Google