1

Raymond RoseRose & Smith Associates

Port Aransas, TX

Slides available at: http://www.slideshare.net/RaymondRose

CL 2016

                        This work by Raymond Rose is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

Accessibility: Are All Aspects of Your Project Fully Accessible? Common Mistakes and Guidance for Design

2

Certification of Compliance with National Science Foundation Nondiscrimination Regulations and PoliciesBy electronically signing the proposal, the Authorized Organizational Representative hereby certifies that the organization will comply with Title VI of the Civil Rights Act of 1964 (42 USC § 2000d),

Title IX of the Education Amendments of 1972 (20 USC §§ 1681 et seq.),

the Rehabilitation Act of 1973 (29 USC § 794),

the Age Discrimination Act of 1975 (42 USC §§ 6101 et seq.)

and all regulations and policies issued by NSF pursuant to these statutes.

3

Certification of Compliance with National Science Foundation Nondiscrimination Regulations and Policies (continued)

To that end, in accordance with the above-referenced nondiscrimination statutes, and NSF’s implementing regulations and policies, no person in the United States shall, on the ground of race, color, national origin, sex, disability, or age, be excluded from participation in, be denied the benefits of, or be otherwise subjected to discrimination under any program or activity for which the Proposer receives Federal financial assistance from the Foundation; and HEREBY CERTIFIES THAT it will immediately take any measures necessary to effectuate this agreement.• The Proposer recognizes and agrees that such Federal financial assistance will be

extended in reliance on the representations and agreements made in this Certification, and that the United States shall have the right to seek judicial enforcement of this Certification. This Certification is binding on the Proposer, its successors, transferees, and assignees.

4

From NSF’s Proposed Budget for FY 2016 Dyslexia.—NSF shall fully implement section 4 of the Research Excellence and Advancements for Dyslexia Act exactly as enacted in Public Law 114–124.- PL 114-124Research Excellence and Advancements for Dyslexia Act or the READ Act• (Sec. 3) This bill requires the National Science Foundation (NSF) to include in

its annual congressional budget justification the amount requested for its Research in Disabilities Education program, which advances the goal of broadening the participation and achievement of learners with disabilities in science, technology, engineering, and mathematics.

• (Sec. 4) Subject to the availability of appropriations, NSF must devote specified funding to support dyslexia research with the goal of practical application.

5

Today’s Focus:

Project and Institutional Websites

Online Courses/Resources

6

Step 1. Check* your websiteFREE website accessibility test sites

http://CynthiaSays.com

http://WAVE.webaim.org

http://achecker.ca/checker/index.php

* Not comprehensive and will not check all accessibility issues but is a good quick check of the basic issues.

7http://www.inacol.org/resource/access-and-equity-for-all-learners-in-blended-and-online-education/

Access and Equity for All Learners in Blended and Online Education

2014iNACOL

http://tinyurl.com/accessandequityforall

8

Accessibility:OCR’s Operational Definition

“those with a disability are able to acquire the same information and engage in the same interactions — and within the same time frame — as those without disabilities.”

OCR Compliance Review 11-11-2128, 06121583, paraphrased from 11-13-5001, 10122118, 11-11-6002

9

Common OCR Findings1. Lack of Alternative Text on All Images2. Documents Not Posted in an Accessible

Format3. Lack of Captions on All Videos and the

Inability to Operate Video Controls Using Assistive Technology

4. Improperly Structured Data Tables

10

Common OCR Findings5. Improperly Formatted and Labeled Form

Fields6. Improper Contrast Between Background

and Foreground Colors7. Frames Not Titled with Text that

Facilitates Frame Identification and Navigation

11

Universal Design for Learning (UDL)

• Principle I: Provide Multiple Means of Representation (the “what” of learning)

• Principle II: Provide Multiple Means of Action and Expression (the “how” of learning)

• Principle III: Provide Multiple Means of Engagement (the “why” of learning)

National Center on UDL http://www.udlcenter.org/

12

Contact Info

Raymond Rose ray@rose-smith.com 512.791.3100

Presentation slides on this topic are available at SlideShare.net under http://www.slideshare.net/RaymondRoseAnd at my blog: rmrose.blogspot.com

13

Resources

The following compilation of resources can be helpful when developing accessible online courses and websites.

This is not intended to be a comprehensive list.

14

AInspector Sidebar 1.0.0-beta.1 for FireFox

WAVE Evaluation Tool for Google Chrome

Resource: Browser Based Accessibility Tools*

* Not comprehensive and will not check all accessibility issues but is a good quick check of the basic issues.

Resources1 of 19

15

Resources2 of 19

FREE website accessibility testers

http://CynthiaSays.comhttp://WAVE.webaim.org

(Canadian Site)http://achecker.ca/checker/index.php

16

Resources3 of 19

HHS Section 508 Accessiblity checklists

http://www.hhs.gov/web/section-508/making-files-accessible/checklist

17

Resources4 of 19

Free trialhttps://amp.ssbbartgroup.com/express

You can view a10 page accessibility report

18

Resources5 of 19

Access and Equity for All Learners in Blended and Online Educationhttp://www.inacol.org/resource/access-and-equity-for-all-learners-in-blended-and-online-education/

Higher Ed Accessibility Lawsuits, Complaints, and Settlementshttp://www.d.umn.edu/~lcarlson/atteam/lawsuits.html

19

Universal Design for Learning (UDL)

• Principle I: Provide Multiple Means of Representation (the “what” of learning)

• Principle II: Provide Multiple Means of Action and Expression (the “how” of learning)

• Principle III: Provide Multiple Means of Engagement (the “why” of learning)

http://www.udlcenter.org/

Resources6 of 19

20

Resource7 of 19

Color Blindness Simulator

http://www.seewald.at/en/2012/01/color_blindness_correction_and_simulator

See through the eyes of your red, green or blue colorblind student.

Android only

21

Resources8 of 19

More Color Blindness Tools

Color advice for cartographyhttp://colorbrewer2.org/ Vischeck simulates colorblind vision.http://www.vischeck.com/ Daltonize corrects images for colorblind viewers.http://www.vischeck.com/daltonize/

22

Resources9 of 19

More Color Blindness Tools

Colour Contrast Analyzer for Mac and Windows

https://www.paciellogroup.com/resources/contrastanalyser/

23

Resource 10 of 19

Dyslexia Simulation Resources

WebAIM Dyslexia Simulationhttp://webaim.org/simulations/dyslexia

Another simulation from Huffington Post article: http://geon.github.io/programming/2016/03/03/dsxyliea

24

Resources11 of 19

Cheatsheets1 page accessibility resources for a variety of

applications including MS Office and Adobe http://ncdae.org/resources/cheatsheets/

25

Resources12 of 19

Tools and Tips for creating accessible digital imageshttp://diagramcenter.org/

Image Description Resourceshttp://

ncam.wgbh.org/experience_learn/educational_media/accessible-assessments/image-description-resources

Guideline to Provide access to graphs for users who are blind or visually impaired

http://ncam.wgbh.org/invent_build/web_multimedia/accessible-digital-media-guide/guideline-f-graphs

Diagrams Charts Graphs

26

Resources 13 of 19 FREE Video Captioning Apps

NCAM.wgbh.orgMAGpie (captions and video descriptions to QT, Windows Media, Real and Flash)CCforFLASH, ccPlayer, ccMP3Player

How to add closed captions to YouTubehttps://www.youtube.com/watch?v=9K4WJs94FfY

CART service $http://www.captionfirst.com/CART(communications access realtime translation)

27

Resources14of 19PDF Information: Adobe and Accessibility websitewww.adobe.com/accessibility.html

http://www.adobe.com/content/dam/Adobe/en/accessibility/products/acrobat/pdfs/acrobat-xi-accessibility-checker.pdf

http://webaim.org/techniques/acrobat/acrobat

Creating Accessible Tables and Data Tableshttp://webaim.org/techniques/tables/

http://webaim.org/techniques/tables/data

28

Resources 15 of 19

10 Free Screen Readers

http://usabilitygeek.com/10-free-screen-reader-blind-visually-impaired-users/

29

Resource 16 of 19

FREE Screen ReaderNVDA http://www.nvaccess.org/

NVDA (NonVisual Desktop Access) is a free “screen reader” which enables blind and vision impaired people to use computers. It reads the text on the screen in a computerized voice. You can control what is read to you by moving the cursor to the relevant area of text with a mouse or the arrows on your keyboard.

30

http://www.3playmedia.com/how-it-works/webinars/Future and Previously recorded webinars

Sample Topics:

When the DOJ/OCR Makes a Visit: Lessons Learned in Resolving Complaints About Inaccessible IT

10 Tips for Implementing Accessible Online Media

Quick Start to Captioning

Accessibility Tips for Effective Teaching and LearningResources

17 of 19

31

Accessibility White Papers on Web Accessibility and Captioning

http://www.3playmedia.com/resources/white-papers/

Resource 18 of 19

32

Resource 19 of 20 Vendor Guide to Web Accessibility for Higher Education Customers

By the Committee on Institutional Cooperation (CIC, Big 10 Universities + University of Chicago)

http://tinyurl.com/j6crq63

33

Resource 20 of 20

Raymond Rose ray@rose-smith.com 512.791.3100

Presentation slides on this topic are available at:http://www.slideshare.net/RaymondRose

And at my blog: http://rmrose.blogspot.com