Download - GENASYSm.maine PT3 Catalyst Grant
![Page 1: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/1.jpg)
1
GENASYS.usm.maine.eduPT3 Catalyst Grant
GENASYSUniversity of Southern Maine
301C Bailey Hall37 College Avenue, Gorham, ME
04038
Generating Assistive Technology Systemically
Where powerful, long-term, systemic changesin teacher education are stimulated
![Page 2: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/2.jpg)
Web
AccessibilityDeveloped by: Doug Kahill
![Page 3: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/3.jpg)
3
regardless of what kind of hardware or software is used
What are the most important things to understand in terms of making a Web site
accessible?
People access the Web in very different ways.
Web sites should be designed in ways that enable access by all people.
![Page 4: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/4.jpg)
4
Why? It’s the right thing to do & it’s the law!
The Individuals with Disabilities Education Act (IDEA) (1975, 1990, 1997)
The Americans with Disabilities Act of 1990 (ADA)
The Rehabilitation Act
Section 504 (1973)
Section 508 (1998)
The Assistive Technology Act of 1998 (ATA)
The Telecommunications Act of 1996Section 255
![Page 5: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/5.jpg)
5
Who is Affected?
Persons who:
may not be able to see, hear, move, or be able to process some types of information easily or at all
may have difficulty reading or comprehending text
may not have or be able to use a keyboard or mouse
![Page 6: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/6.jpg)
6
may have an early version of a browser, a different browser entirely, a voice browser, or a different operating system
Who is Affected? (cont’d)
Persons who:
may have a text-only screen, a small screen, or a slow Internet connection
may not speak or understand fluently the language in which the document is written
![Page 7: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/7.jpg)
7
World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI)
www.w3.org/wai
Detailed guidelines on Web accessibility
Guidelines will change as technology advances
![Page 8: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/8.jpg)
8
Accessibility
Guideline 1
Provide equivalent alternatives to auditory and visual content.
![Page 9: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/9.jpg)
9
Examples of Equivalent Alternatives
In this example, navigational elements are displayed both as text and image. Persons who have difficulty processing textual information may benefit from viewing the icons, and vice-versa.
Navigational Elements
![Page 10: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/10.jpg)
10
A text transcript should accompany a media clip that includes speech.
Transcripts
Examples of Equivalent Alternatives
![Page 11: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/11.jpg)
11
Video clips with descriptions in sign language may help individuals who are deaf who are unfamiliar with spoken or written English.
Descriptions
Examples of Equivalent Alternatives
![Page 12: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/12.jpg)
12
Video clips, especially those containing spoken language, should include captioning.
Captioning
Examples of Equivalent Alternatives
![Page 13: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/13.jpg)
13
ALT tags
Examples of Equivalent Alternatives
![Page 14: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/14.jpg)
14
ALT tags are important for users of:
Screen reading software
Computers with slow processors and/or low RAM
Slow modems
Examples of Equivalent Alternatives
![Page 16: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/16.jpg)
16
This Web page contains a variety of images, dispersed throughout the text.
Here’s a closer look at one of the individual images.
Images and ALT tags
Examples of Equivalent Alternatives
![Page 17: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/17.jpg)
17
Here’s the same page viewed without images.
Notice the presence of a text placeholder where the image should appear. This is the ALT tag.
Examples of Equivalent Alternatives
Images and ALT tags (cont’d)
![Page 18: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/18.jpg)
18
If no ALT tag had been attached to the image, it would appear completely blank with images turned off, giving the user no information about its content.
Examples of Equivalent Alternatives
Images and ALT tags (cont’d)
![Page 19: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/19.jpg)
19
Accessibility
Guideline 2
Don’t rely on color alone.
![Page 20: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/20.jpg)
20
Example of WAI Guideline 2
Sufficient contrast between background and text
This text would be quite difficult for most people to read. There is little contrast between text and background.
Here, there is sufficient contrast between text and background.
![Page 21: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/21.jpg)
21
Text format and quality of content
Example of WAI Guideline 2
This text needs emphasis.
This text needs emphasis.
Here, the emphasis is conveyed only by changing the color of the text. Persons who are color blind may have difficulty noticing the change.
Here, there are other changes to the text: underlines, italics, and bold. Any of these different text formats will work to alert the user who has difficulty distinguishing between colors.
![Page 22: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/22.jpg)
22
Accessibility
Guideline 3
Use markup and style sheets and do so properly.
![Page 23: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/23.jpg)
23
Example of WAI Guideline 3
Vs.BOLD STRONG
Choice of HTML tags
![Page 24: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/24.jpg)
24
Accessibility
Guideline 4
Clarify natural language.
![Page 25: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/25.jpg)
25
Example of WAI Guideline 4
Identify changes in natural language.
• Jardinería en España • Trädgårdsskötsel i Sverige • European Rose Forum • Gardening in the United Kingdom • Gärtnern in Deutschland • Le Jardinage en France • Giardinaggio in Italia
This list would not be read properly unless the language changes were identified
![Page 26: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/26.jpg)
26
Accessibility
Guideline 5
Create tables that transform gracefully.
![Page 27: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/27.jpg)
27
Example of WAI Guideline 5
Once in a land upon far, a time, far away...
Once upon a time, in a land far, far away...
Author’s intent:
Interpretation by screen reader:
Ensure necessary mark-up for tables.
![Page 28: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/28.jpg)
28
Accessibility
Guideline 6
Ensure that pages featuring new technologies transform gracefully.
![Page 29: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/29.jpg)
29
Ensure that links are usable when Javascript is not supported.
Example of WAI Guideline 6
![Page 30: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/30.jpg)
30
Accessibility
Guideline 7
Ensure user control of time-sensitive content changes.
![Page 31: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/31.jpg)
31
Avoid causing the screen to flicker.
Example of WAI Guideline 7
![Page 32: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/32.jpg)
32
Accessibility
Guideline 8
Ensure direct accessibility of embedded user interfaces.
![Page 33: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/33.jpg)
33
Embedded media interfaces
QuickTime™ can be accessed via simple keyboard commands, such as hitting the return or arrow keys.
RealPlayer™ cannot be accessed via the keyboard.
Example of WAI Guideline 8
![Page 34: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/34.jpg)
34
Accessibility
Guideline 9
Design fordevice-independence.
![Page 35: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/35.jpg)
35
Example of WAI Guideline 9
Alternative navigation for server-side image maps
Server-side image map from the National Weather Service.
http://www.state.me.us/mema/weather/weather.htm
![Page 36: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/36.jpg)
36
Below the image map from the National Weather Service, a table of textual links is included, corresponding to each link from the image map.
Example of WAI Guideline 9 (cont’d)
![Page 37: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/37.jpg)
37
Accessibility
Guideline 10
Use interim solutions.
![Page 38: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/38.jpg)
38
This navigation bar includes non-link, printable characters between adjacent links, so a screen reader would be able to separate the links, as intended.
A screen reader might not be able to separate these links properly because there are no non-link characters between them.
Use of non-linked characters
Example of WAI Guideline 10
![Page 39: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/39.jpg)
39
Accessibility
Guideline 11
Use W3C technologies and guidelines.
![Page 40: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/40.jpg)
40
Example of WAI Guideline 11
Equivalent accessible pages
![Page 41: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/41.jpg)
41
Accessibility
Guideline 12
Provide context and orientation information.
![Page 42: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/42.jpg)
42
Example of WAI Guideline 12
Frame identification and navigation
Describe the relationships between frames.
Title each frame.
![Page 43: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/43.jpg)
43
This page contains headings, which help the user to navigate between distinct ideas or sections.
Example of WAI Guideline 12 (cont’d)
Page Navigation
![Page 44: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/44.jpg)
44
Accessibility
Guideline 13
Provide clear navigation mechanisms.
![Page 45: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/45.jpg)
45
Example of WAI Guideline 13
The words, “click here,” as shown in this ad banner, tell the user nothing about the link. A person using a screen reader would have no idea where this link goes.
Here’s an example of a good link description. The user has a very good idea where this link will go.
Clearly identify targets of links.
![Page 46: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/46.jpg)
46
Accessibility
Guideline 14
Ensure that documents are clear and simple.
![Page 47: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/47.jpg)
47
Example of WAI Guideline 14
This Web site has a simple, consistent page layout and navigational system, and uses alt text for images.
![Page 48: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/48.jpg)
48
Web Access Icons
Center for Applied Special Technology (CAST)www.cast.org
National Center for Accessible Media(NCAM)www.wgbh.org/ncam
![Page 49: GENASYSm.maine PT3 Catalyst Grant](https://reader035.vdocuments.net/reader035/viewer/2022081506/56814969550346895db6bec7/html5/thumbnails/49.jpg)
49
For further informationWorld Wide Web Consortium (W3C)
www.w3.org/WAI/
Equal Access to Software and Information (EASI) www.rit.edu/~easi/
National Center for Accessible Media (NCAM)www.wgbh.org/ncam
Center for Applied Special Technology (CAST)www.cast.org
Generating Assistive Technology Systemically (GENASYS)genasys.usm.maine.edu