quality matters web accessibility standard

16
Quality Matters Web Accessibility Standard Amy Kinsel, June 2, 2010

Upload: isha

Post on 22-Feb-2016

132 views

Category:

Documents


0 download

DESCRIPTION

Quality Matters Web Accessibility Standard. Amy Kinsel, June 2, 2010. Quality Matters Standard 8: Accessibility. 8.1 The course incorporates ADA standards and reflects conformance with institutional policy regarding accessibility in online and hybrid courses. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Quality Matters Web Accessibility Standard

Quality Matters Web Accessibility Standard

Amy Kinsel, June 2, 2010

Page 2: Quality Matters Web Accessibility Standard

Quality Matters Standard 8: Accessibility

8.1 The course incorporates ADA standards and reflects conformance with institutional policy regarding accessibility in online and hybrid courses.

8.2 Course pages and course materials provide equivalent alternatives to auditory and visual content. 

8.3 Course pages have links that are self-describing and meaningful. 

8.4 The course ensures screen readability. 

Q: What do we need to know to meet these standards?

Page 3: Quality Matters Web Accessibility Standard

Physical Impairments and Assistive TechnologiesThree types of impairment Assistive technologies

1. Visual Impairment2. Hearing Impairment3. Motor Impairment

Adaptive keyboard Closed captioning Ergonomic keyboard Eye tracking Head wand Mouth stick On-screen keyboard Open captioning Oversized trackball mouse Screen magnifier Screen reader Single switch access Voice Recognition Software Word Recognition Software

Page 4: Quality Matters Web Accessibility Standard

When designing for web accessibility, keep the following goals in mind:

1. Recognize the challenges students with various disabilities experience with online courses.

2. Identify various assistive technologies used by students with disabilities and the implications each have on the design of distance education.

3. Describe the roles and responsibilities of students, instructors, and their institution’s disabilities services office in using assistive technologies for distance education.     

4. Use computer operating features or tools to modify settings.

Page 5: Quality Matters Web Accessibility Standard

Visual ImpairmentsQ: What does a visually impaired person “see” in your classroom? How can your classroom design enable use of assistive technologies such as screen readers?

A: Example of online content that is not “readable”: http://www.youtube.com/watch?v=pMcfrLYDm2U

Solutions: 1. Text equivalents for non-text items shall be provided. e.g., via

"ALT- Tag. " 2. Text shall use non-serif font such as Ariel.3. Text shall include headings, labels, tags, and tables of content.4. Text shall include meaningful names and titles for hyperlinks.

Page 6: Quality Matters Web Accessibility Standard

Captioning and Alt-text

Navajo student Tom Torlino in1882, before attending Carlisle Indian School, in Pennsylvania, and three months later.

Page 7: Quality Matters Web Accessibility Standard
Page 8: Quality Matters Web Accessibility Standard
Page 9: Quality Matters Web Accessibility Standard
Page 10: Quality Matters Web Accessibility Standard
Page 11: Quality Matters Web Accessibility Standard
Page 12: Quality Matters Web Accessibility Standard
Page 13: Quality Matters Web Accessibility Standard
Page 14: Quality Matters Web Accessibility Standard

Hearing ImpairmentsQ: What does a hearing impaired person “hear” in your classroom? How does your classroom design enable use of assistive technologies such as closed captioning? Do you provide transcripts of audio components?

A: Example of online content that is not “audible”: http://www.youtube.com/watch?v=8q67ZrEZMqQ

Solutions: 1. Provide text equivalence of audio materials.2. Use Abobe Sound Booth to convert audio files to text or to

convert the audio portion of a video file to text (http://www.adobe.com).

3. Use MAGpie (Media Access Generator) to add captions to multimedia presentations (http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie).

4. For an image or animation, type a description using Microsoft Word.

Page 15: Quality Matters Web Accessibility Standard

Motor ImpairmentsQ: How can a motor impaired student navigate through your course? Is it possible to navigate without using a mouse or keyboard? Can a student in your class complete assessments without using a mouse?

A: Example of online content that does not facilitate mouse-less interaction: http://www.webaim.org/techniques/flash/media/hidden.html

Solutions: 1. Form elements (text field, checkbox, dropdown list, etc.) should

have a label associated with the correct form element using the <label> tag.

2. Attach labels to standard form buttons so that the user can click on the label itself rather than selecting small checkboxes.

3. When using an image button rather than a standard button, the input should have appropriate alt text.

4. Icons used as links should also have HTML tags or an accompanying link.

Page 16: Quality Matters Web Accessibility Standard

Web Accessibility Resources1. Georgia Tech Research on Accessible

Distance Education (GRADE): http://www.accesselearning.net/.

2. University of Wisconsin, Madison:  The Division of Information Technology (DoIT): http://www.doit.wisc.edu/accessibility/.

3. Web Accessibility In Mind (WebAIM) is an initiative from Utah State University: http://www.webaim.org/.