Legal Considerations for Web and Information Technology Accessibility Webinar

December 5, 201310:00 am - 11:00 am

Robin F. Wheeler Attorney, South Carolina Access to Justice Commissionrobin.wheeler@scbar.org

Janet Jendron SC ATAC Web Accessibility Committee Chairjanet.Jendron@uscmed.sc.edu

Web Accessibility

http://accessibility.sc.gov/

Housekeeping

If the screen freezes or you can no longer hear, close your Connect window and login again.

Using headphones may reduce feedback.

Use the chat to ask questions or make comments. We will monitor and answer as appropriate.

Use the drop down menu to ask the presenter to speak louder or slower.

Applicable Federal Laws

§504 of the Rehabilitation Act of 1973

§508 of the Rehabilitation Act of 1973

Americans with Disabilities Act of 1990

Individuals with Disabilities Education Act

§255 of the Telecommunications Act of 1996

Twenty-First Century Communications and Video Accessibility Act or CVAA (2010)

South Carolina Laws

South Carolina Human Affairs Law

Rights of Physically Disabled Persons

Includes Bill of Rights for Handicapped Persons

South Carolina Accessibility Policy and Standards http://itstandards.sc.gov/SearchDisciplineResults.aspx?id=Accessibility

Some Cases National Federation of the Blind v. Free Library of Philadelphia (Filed May 2, 2012,

Settled October 2012) National Federation of the Blind v. Target – Settled 2008 National Association of the Deaf v. Netflix – June 19, 2012 Hearing Loss Association of America and AMC Theatres® Agreement (

October 2013) National Federation of the Blind, the American Council of the Blind, and Arizona

State University (settled 2010) Greater Los Angeles Agency on Deafness, Inc. et al v. Time Warner, Inc. (

filed June 1, 2011 - ACTIVE) Lighthouse for the Blind and Visually Impaired v. Redbox (filed January 12, 2012,

fact sheet) National Federation of the Blind v. Law School Admissions Council (

settled April 26, 2011) National Federation of the Blind v. United Airlines (2010) –

filed using California laws, not federal laws Deaf Counseling, Advocacy and Referral Agency v. San Francisco Airport (settled 2005)

Lainey Feingold’s web accessibility settlements Weight Watchers Print and Digital Accessibility Settlement

Agreement – June 2013

Bank of America Online and Mobile Security Solutions Settlement Agreement – March 2013

First Addendum to MLB Settlement Agreement – June 2012

Charles Schwab Web Accessibility Agreement – May 2012

American Cancer Society: Extension to Settlement Agreement – March 2012

American Cancer Society Accessible Website and Alternative Formats Agreement – Feb. 2011

Definitions

AccessibleTech.org – ADA National Network, Information, Guidance and Training on the ADA

What is EIT? includes computer hardware and software, operating systems, web-based information and applications, telephones and other telecommunications products, video equipment and multimedia products, information kiosks, and office products such as photocopiers and fax machines.What is Accessible EIT? Accessible electronic and information technology is technology that can be used by people with a wide range of abilities and disabilities. What is Assistive Technology? Accessible technology is “is technology used by individuals with disabilities in order to perform functions that might otherwise be difficult or impossible.”

Who’s Affected?

Visual Blindness, low vision, color-blindness

Hearing (including background noise)

Motor Inability to use a mouse, slow response time, limited fine motor control

Cognitive Learning disabilities, distractibility, inability to remember or focus on large amounts of information, age-related limitations, lack of computer/Internet experience

Multiple ways to access information

Who’s Affected?

How Does Accessible Web Design Benefit All Users? - DO-IT from U of Washington

People affected by poorly designed websites

Keeping Web Accessibility in Mind Video – WebAIM

Keeping Web Accessibility in Mind - a Must See - Video

What’s Affected?

Web Pages Office documents - Word, PowerPoint, Excel PDF Documents – all related to Office docs Videos, Graphics Browsers and Plug-Ins Printed materials Search tools for computers, everything! Smart phones - Small screens jump to content (scrolling

is a pain!) Touch input vs. mouse input iPads (and iPhones) - No Flash support Others?

What we have in common

People don’t read web pages.

We all scan content

Headings Links Get to the most important information Choices in how to scan content Intuitive, easy navigation

Examples

Examples of Accessible (and Inaccessible) Web DesignEvery image should have good ALT text Separate block of ALT text Use simple ALT text for simple images Proper use of image maps Make link text descriptive but brief Use link text that can stand alone Provide good keyboard navigation Provide alternatives to controls and applets Provide alternatives to tables and frames Don't assume your formatting will be seen Don't require the use of style sheets

Heading Structure

Demonstration of Heading Structure

Alt text for graphics

The need for alt text - YouTube

WebAIM on alt text

Link Text

What do these mean?DownloadMoreRead moreClick hereHereClickInfo

Using URLs as the link:www.amazon.com/exec/obidos/ASIN/1590591488/qid=1116957951/sr=2-1/ref=p

d_bbs_b_2_1/103-5755258-8204633)

WebAIM on link text

FORMS!

Video of David

Skip to main content

Why?

Should it be visible or not?

Jim Thatcher on that

Tables

Data Tables Freedom Scientific Surf’s Up WebAIM Creating Accessible Tables

Other Barriers…

Links to inaccessible PDFs or other downloadable documents

Accessible and Inaccessible PDFs

(great tutorial)

Color to convey critical information “Items in red are required” “Items with an asterisk are required” “Click the green button to continue”

Captions!

Bus routes

Other things to consider CSS rather than tables for layout – Zen Garden Sites designed in FLASH – Legos CAPCHA! – Microsoft Signup Ability to resize text without using assistive technology Navigation

Clear, natural language

WebAIM on web writing Cognitive Disorders Readability Tests

Demonstration of Dragon..

Video of Sandi

Testing Tools

Free accessibility/developer toolbars

• IE Firefox Chrome

•Download the trial version of JAWS screen reader - Works for 40 minutes at a time

• Wave toolbar for Firefox• WAVE online• Word 2010's Accessibility Checker

Testing color …

Color contrast Colour Contrast Analyser - Developed by Vision

Australia the CCA checks for brightness and contrast against WAI algorithms. It is a useful tool that has a colour picker that can be used to pick up on colour in images as well as text.

Vischeck - This is a tool that can be used to simulate the effect of colour blindness on your page colours.

Effective colour contrast - Designing for people with partial sight and vision deficiencies from Lighthouse International.

Resources SCATP Web Page Resources Accessibility Issues – questions, explanations (SCATP) SC Technical College System Resource Guide WebAIM’s - Introduction to Web Accessibility A guide to understanding and implementing Web Content Accessibility Guidelines 2.0 -

W3C Working Group Oct 2010 PDF Accessibility Overview (Adobe) Google Video on Web Design Web Accessibility Primer - Cornell University UWA IT Accessibility Policies in Higher Education Free Tools for Captioning YouTube Videos NCDAE Cheatsheets Utube Captioning Ways to evaluate your work

Legal Considerations for Web and Information Technology Accessibility Webinar

December 5, 201310:00 am - 11:00 am

Robin F. Wheeler Attorney, South Carolina Access to Justice Commissionrobin.wheeler@scbar.org

Janet Jendron SC ATAC Web Accessibility Committee Chairjanet.Jendron@uscmed.sc.edu

Keep in touch!

http://accessibility.sc.gov/