From ADA Compliant to Universal Design: An Introduction

Transcription

1 From ADA Compliant to Universal Design: An Introduction Jerry Hensley Application Systems Administrator Wright State University

2 Objectives Legal Legitimacy Core Tenants of Accessibility Universal Design Assurance Transformative Testing

3 Legal Legitimacy

4 Section 504 Rehab Act 1973 Federal law for federal $$$$ Primarily applied to materials / facility Regulations Vary by Federal Department (i.e. Department of Health and Human Services Vs. Department of Education) Applies to Patrons & Personnel *

5 Section 508 Rehab Act 1973 Extension of 504 to electronic resources Covers software applications, APPS, and websites of all varieties (informational, etc) Covers any electronic item regardless of file format (PDF, DOC, PPT) *

6 ADA Civil Rights Human Rights Updated in 2010 enforceable since 2012 DOJ The Internet is a PUBLIC PLACE Extends BEYOND Just Federal Money UN Convention on Rights of Persons with Disabilities Ratified by OVER 100 Nations *

7 21 st Century Comm / Video Addresses Manufacturers of communications devices Relies on the FCC CAPTIONING / SCRIPTING *

8 State Law California Unruh Civil Rights Act Due Diligence AND Good Faith Effort Due Process You Don t want to become a TARGET dot com Do you know where ALL your patrons are? *

9 Core Tenants of Accessibility

10 PERCEIVABLE Color Pallets Contrast Does the Information Enter the user s brain? *

11 OPERABLE Alternative Input Methods Keyboard Navigation Does it work with numerous input methods including typing not clicking This applies to the ENTIRE website *

12

13 UNDERSTANDABLE Clear and concise Users can engage and explore at their own pace Pause the scroll, Timeout Values *

14 ROBUST Works with a reasonable RANGE of technology across time Plugins, Dependencies, Browsers * cessibility_features

15 Universal Design Assurance

16 Question Will universal design and accessibility impact your design options? *

17 Answer YES, It will rule out nearly all the bad ones. *

18 Structure Use HTML Headings CORRECTLY Logical Nesting Semantic meaning not visual meaning Identify row and column Headings Use HTML5 whenever possible *

19 Reading / Focus Order Starts with the PAGE TITLE! Skip Links as needed to improve function Create a logical and usable TAB ORDER Accessible Form Controls that make sense Interactive Elements *

20 Keyboard Commands Keyboard Focus should be VISIBLE Keyboard commands should be available on all functions of the entire electronic resource. Should not conflict with other established keyboard commands NO REQUIRED MOUSE CLICKS! * WCAG20/navigation-mechanisms-focus-order.html

21 Text Alternatives Use alt tags that are relevant to the image Identify targets of images like Circulation Department instead of Big Stack for Books Use <alt= > on decorative place holders Fully Describe Charts, Graphs and complex images *

22 Color and Contrast Don t use ONLY color to denote a current state of other necessary meaning Contrast of text to background should be at least 4.5 : 1 Having high contrast versions of a website is OK, but should not be the first choice. *

23 Link Text NO CLICK HERE & MORE LINKS Access software will announce links Users may be extracting or searching link text Make the link reasonably descriptive Assign to a Header level or use ARIA *

24 Multi-Media Closed Captioning Plenty of Options, some good, some OK Audio Descriptions for Visually Impaired Keyboard controllable player Transcripts for Audio should always be provided (good idea for all conent) *

25 *

26 Transformative Testing

27 LIVE DEMOS READ & WRITE GOLD WYNN ZOOMTEXT JAWS VOICE OVER *

28 Questions?