Universal Web Design: Easy Steps to Website Accessibility

Universal Web Design: Easy Steps to Website Accessibility

Universal Web Design: Easy Steps to Website Accessibility Elaine Crable Xavier University Cincinnati, Ohio Accessibility Agenda The barriers and frustrations people with disabilities face with inaccessible websites.

Five Steps: How to make our academic website content more accessible to people with disabilities, and all users in general. Accessibility The internet is a place of equality. It can give us power and choice at the same level if accessible.

Tim Berners-Lee (founder of WWW) says the power of the web is in its universality .access by everyone regardless of disability is its essential aspect. Focus on the concept of Inclusion and supporting the underserved populations.

Law. Law Federal Rehabilitation Act of 1973 Section 504 Anti-discrimination law Section 508 Applies to federal agencies and organizations with federal subsidies Americans with Disability Act (ADA) of 1990

For schools same requirements for Section 504 Technology, Equality, and Accessibility in College and Higher Education (Teach) Act 11/15 Legislation introduced in U.S. House requiring colleges to make instructional technology accessible to disable students.

Necessary to provide equivalent resources. Growing Concern 56.7 million report a disability in U.S. 1 in 5 in U.S. have hearing loss

11% post secondary report disability 45% of1.6 million veterans seek disability 177,000+ veterans claimed hearing loss Accessibility Advocates

Disability Rights Commission Percent of people who deal with a disability increases with age Increasingly more older Americans are using the Web Administration on Aging 20% of US population will consist of older adults by 2030

Web Accessibility Initiative (WAI) W3C Guidelines http://www.w3.org/WAI/ Best College Web Sites Accessibility . Accessibility is not

Text-only pages Separate accessible versions (except in multimedia) Boring Difficult Accessibility is Accessibility is about building web pages that can be navigated and read by everyone, regardless of disability, location, experience or technology.

What is web accessibility? https://www.youtube.com/watch?v=cUhZf99qXjk Web Accessibility Nearly 1 in 5 Americans have some kind of disability. The major kinds that affect web use include:

Visual blind, low vision, color-blind Hearing deafness level Motor inability to use a mouse, slow response time, limited motor Cognitive includes learning disabilities, unable to focus, PTSD JAWS Demo Comparison Accessibility Challenges Deaf: Need captioning and/or transcript

of audio for sound Motor: People who dont have use of their arms or hands sometimes navigate the web via the keyboard, hitting keys with a stick in their mouths. Basic Accessible Design Principles 1.

Provide appropriate alternative text 2. Caption video, provide transcripts for audio 3. Make file downloads (e.g., PDFs) accessible 4. Do not rely on color alone for meaning

5. Make sure content is structured, clearly written and easy to read Some Beginning Steps to Accessibility Create or update the following kinds of files to make them accessible: Microsoft Word

Microsoft PowerPoint Adobe PDF How To with Office MS Word Accessibility Steps 1. 2. 3. 4.

Create Structured Documents Use Style Attributes Make Images Accessible Make tables Accessible 1. Structured Documents Create Main Headings and Sub Headings (These provide summaries/sign posts) New York

New York Albany Albany Buffalo Buffalo Washington Washington

Spokane Spokane Seattle Seattle 2. MS Word and Styles Chose a STYLE certain attributes

Set of commands controlling appearance of text Benefits

Consistent/Professional docs Less Effort needed when creating docs Consistent appearance Clear navigation for reader Easily change appearance Automatically create Table of Contents MS Word Style Exercise Headings Type the Text of your heading HOME tab/ STYLES group - click heading want (or Customize one) Use STYLES rather than Bold/Font

changes, etc. 3. Word Making Images Accessible Provide text descriptions of any image Steps: 1. Highlight the image. 2. Right click and select Format Picture. 3. Select the Alt Text and enter your descriptive text MS Word

Styles/Headings/Alt Text Demo 4. Word Table Accessibility Insert Table Command (Provides info on relationship between Column headings and Row Values) Salesperson Salary

Expenses Joe $55,000 $345 Mary $61,000 $234

Tom $31,000 $145 MS PowerPoint PowerPoint Accessibility Steps

Provide the Presentation File to Students early Dont Overload Slides Dont Use Color to Convey Meaning Alt Text for any graphics

Avoid over use of Animation Use template when embedding information Use PowerPoint Templates Checking Accessibility

Checking MS files for Accessibility File>Info>Check for Issues>Check Accessibility Demo Accessibility Checking in MS docs PDF Accessibility

PDF Accessibility To create truly accessible PDF files, you will need Adobe Acrobat Professional. Substitute for Acrobat: MS Word and PowerPoint : File>Save As, PDF

Multimedia and Accessibility Multimedia Accessibility Transcripts of Audio Helpful for everyone No need to synchronize the text with the audio

Video Captions MAGpie Captioning Free software download from NCAM http://ncam.wgbh.org Camtasia by Tech Smith Youtube and add captioning (will need some editing) Captioning YouTube Videos Create your own narrated PowerPoint or mini lecture and post as a YouTube

Caption: Video Manager and click the drop-down menu next to the Edit button for your video Select Captions Click the Add captions button. Edit the captions How to Caption YouTube: http://www.youtube.com/watch?v=qYcj85tBje4 http://www.youtube.com/watch?v=qbUcv3Bc61g

Learning Management Systems Blackboard is constantly improving its Accessibility and has an Accessibility Team regularly improving Bb. Canvas is considered Gold in Accessibility

Faculty responsible for the content regardless of LMS accessibility level. Docs and videos must be created to be accessible References and Related Information on Accessibility

Accessibility Standards Summary: https://docs.google.com/document/d/1Kwq1EKQqhuLpXqed E6FwlgF6DpTolHVGKQW3YH1iA3w/ edit Coombs, Norman (2010) Making Online Teaching Accessible. John Wiley. San Francisco, Ca.

NC State Web Site Accessibility Scanning Service Tutorial http://www.youtube.com/watch?v=29kwPw0EO5I WAVE Web Accessibility Tool http://wave.webaim.org/ Web Page Color Contrast: Web Accessibility Manual Checks http://www.youtube.com/watch?v=9rS6KIJ3bi4 Word Accessiblity Exercise https://drive.google.com/?pli=1&authuser=0#folders/ 0BxDsuAOzsD7sYjZmMmMxYzYtZjZlYy00OWYwLTgzNGQtZD UxY2Q4OTMxZTYy Youtube captions: https://support.google.com/youtube/answer/2734796?hl= en

Recently Viewed Presentations

  • Coxiella burnetii Agent Specific Training

    Coxiella burnetii Agent Specific Training

    BSL-3 practices and facilities are recommended for activities involving the inoculation, incubation, and harvesting of embryonated eggs or cell cultures, the necropsy of infected animals and the manipulation of infected tissues ... Coxiella burnetii Agent Specific Training Last modified by:...
  • Modeling Ganine Nucleotide-Ras Binding in the MAP Kinase Pathway

    Modeling Ganine Nucleotide-Ras Binding in the MAP Kinase Pathway

    Modeling Guanine Nucleotide-Ras Binding and Cell Behavior Kate Brown Anna Stevens Katy Wack Project Goals: Understanding the quantitative relationship between IMPDH, intracellular GTP concentration, Ras mediated signaling and cell behavior How does this relationship define a cell's intracellular state and...
  • 3rd part Ethics Elements Serious Thoughts in a Cartoon

    3rd part Ethics Elements Serious Thoughts in a Cartoon

    3rd part Ethics Elements Serious Thoughts in a Cartoon Subject: Explanation of the applications of ethics in nursing. Description: The third part of this paper covers, through animated cartoons, the various ethical principles and ethics and their applications Keywords
  • BAHASA MALAYSIA TAHUN 1 UNIT: 5 KONSTRUK 5

    BAHASA MALAYSIA TAHUN 1 UNIT: 5 KONSTRUK 5

    RANCANGAN PENGAJARAN HARIAN. BAHASA MALAYSIA TAHUN 1. Tajuk: Membaca suku kata tertutup kvkk. Kemahiran: 4.0 Membaca perkataan. 4.10 Membaca perkataan yang mengandungi suku kata kvkk.
  • Bonding and Naming - Welcome to chemistry

    Bonding and Naming - Welcome to chemistry

    Bonding and Naming. What is a chemical bond? How do atoms bond with each other? How does the type of bonding affect properties of compounds? How can all matter in the universe exist from only 92 elements?
  • APRS - Automated packet reporting system

    APRS - Automated packet reporting system

    APRS - AUTOMATED PACKET REPORTING SYSTEM BASICS - SOME INTERESTING NOTES SATELLITE PASS INFO Courtesy of Lynn Deffenbaugh, KJ4ERJ Sending an APRS message to satellite name (i.e. AO-51) will return The next pass information, or direction/elevation for an in- progress...
  • THANK YOU!! - King County, Washington

    THANK YOU!! - King County, Washington

    country doctors/carolyn downs. healthpoint11,077. ... •marty burns •rebecca janeczko •sara michael •truong hoang. the exchange. health care authority. dshs. nm. health option plans. thank you for your continued support!! author: pie, daphne
  • Getting Started with the Data ONTAP PowerShell Toolkit

    Getting Started with the Data ONTAP PowerShell Toolkit

    Near 100% coverage for Data ONTAP API set. Some host-side, storage-centric cmdlets. What do you need to get started? Windows Management Framework. WinRM 2.0 (Windows Remote Management) Powershell 2.0. Already installed on Windows Server 2008 R2 and Windows 7.