web accessibility l.
Skip this Video
Loading SlideShow in 5 Seconds..
Web Accessibility PowerPoint Presentation
Download Presentation
Web Accessibility

Loading in 2 Seconds...

play fullscreen
1 / 40

Web Accessibility - PowerPoint PPT Presentation

  • Uploaded on

Web Accessibility. Linda Ehrnschwender Charles Schmiesing Co-chairs INFOhio Web Accessibility Committee. What is web accessibility?. Making your web site useable to anyone regardless of individual capabilities and disabilities. What is a disability?.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'Web Accessibility' - leon

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web accessibility

Web Accessibility

Linda Ehrnschwender

Charles Schmiesing

Co-chairs INFOhio Web Accessibility Committee

what is web accessibility
What is web accessibility?
  • Making your web site useable to anyone regardless of individual capabilities and disabilities.
what is a disability
What is a disability?
  • Obvious ones include blindness, deafness, sight or hearing disabilities, and physical disabilities.
  • Not so obvious are color blindness, learning disabilities, and age related disorders.
why do i need to worry about that
Why do I need to worry about that?
  • Section 508 of the National Rehabilitation Act requires that Federal agencies' electronic and information technology is accessible to people with disabilities, including Federal employees and members of the public.
who will benefit from this
Who will benefit from this?
  • 21 % of Americans have a disability.
  • In Ohio 236,000 students have a disability.
  • Do the Math: If you have 3000 students in your district, 630 of them will have a disability!
Below is the results of a study by Jakob Nielsen. It shows the usability of web sites is considerably less for disabled users.
Screen readers – used by those with visual disabilities, blindness, and more frequently now, students with learning disabilities.
  • Is your HTML code understandable when read by a screen reader?
Choice of color scheme - Color blindness and other visual impairments create a need for high contrast colors.
Animated, flashing graphics, pop-up boxes – can be distracting to ADHD or LD students; can even cause seizures in epileptics.
confusing navigation cluttered screens
Confusing navigation, cluttered screens

Difficult to see or click with a mouse.

Where would a parent look for forms?

In a locker!

what does an accessible web page look like
What does an accessible web page look like?
  • American Federation of the Blind is a good example.
how do i know if my page is accessible or not
How do I know if my page is accessible or not?
  • There are many free validation tools available.
  • They will scan your page and provide you with a report of problem areas.
  • Some tools will tell you how to fix problems and some will fix them for you!
  • Links to validation tools are available from WebABLE.
The Web Accessibility Initiative (WAI) has established 3 levels of priorities to make your website accessible.
  • Level 1 priority items must be met.
  • Level 2 priority items should be met.
  • Level 3 priority items may be met.
  • Guidelines explaining these are available.
  • You may find the checklist format helpful.
images animations
Images & animations.
  • Use the alt attribute to describe the function of each visual.

Not meaningful: "images/hp_top_logo.gif“

Better: alt="logo for the American Foundation for the Blind, fulfilling Helen Keller's vision"></td>

image maps
Image Maps
  • Avoid “Mouse-overs”.
  • Provide captioning and transcripts of audio, and descriptions of video.
        • MP3 version of greeting
        • RealAudio version of greeting
        • WAV version of greeting
        • Or read the text version of greeting.
hypertext links
Hypertext links
  • Use text that makes sense when read out of context.
  • Avoid "click here."
  • Good example:

Click the DASite on the map below--or the links following the map--to visit each DASite's home page.

page organization
Page organization
  • Use headings, lists, and consistent structure.
  • Use CSS (Cascading Style Sheets) for layout and style where possible.
  • Several tools are available to assist you with CSS. Style Master is an example.
graphs charts
Graphs & charts
  • Summarize or use D link coding

summary = "This table is used to contain all content on this page. The first cell will contain the pages primary side image to represent to the viewer where they are located within the site."

scripts applets plug ins
Scripts, applets, & plug-ins
  • Provide alternative content in case active features are inaccessible or unsupported.
  • The Java Accessibility Program has specific guidelines to assist you.
  • Be sure frames are titled and labeled properly.
check your work
Check your work
  • Validate your site!
  • Use checklist and guidelines from Web Content Accessibility Guidelines
tips for the advanced web developer
Tips for the advanced web developer:

1.Provide equivalent alternatives to auditory and visual content.

2.Don't rely on color alone.

3.Use markup and style sheets and do so properly.

4.Clarify natural language usage.

5.Create tables that transform gracefully.

6. Ensure that pages featuring new technologies transform gracefully.

7.Ensure user control of time-sensitive content changes.

8.Ensure direct accessibility of embedded user interfaces.

9.Design for device independence.

10.Use interim solutions.

11.Use W3C technologies and guidelines.

12.Provide context and orientation information.

13.Provide clear navigation mechanisms.

  • Ensure that documents are clear and simple.
what can i do to help raise awareness
What can I do to help raise awareness?
  • If your school includes web development in courses, be certain that accessibility is included in the curriculum. The student's careers may depend on it. (Section 508)
Ask your superintendent if the school's policies regarding students with disabilities include the school's web pages.
  • If not, share accessibility information with him. Offer to do a presentation to the Board of Education.
Many teachers now have their own web sites for their class. Even though they may not have any students with disabilities, there might be parents that do.
  • Offer to discuss the topic at a staff meeting.
learn more about assistive technology
Learn more about assistive technology

Ohio’s Assistive Technology Distance Learning Project

Online courses include:

  • Assistive Technology Fundamentals
  • Funding Assistive Technology
  • Computer Access Overview – Devices and Software

Graduate credit available.

money is available
Money is available!
  • $9.4 MILLION in grant money from Assistive Technology Infusion Project for individual students.
  • Apply for an LSTA grant to purchase adaptive equipment for your library.
  • INFOhio – www.infohio.org
  • ORCLISH – www.orclish.org
  • WebABLE – www.webable.com
  • Section 508 - www.usdoj.gov/crt/508/508home.html
  • Web Content Accessibility Guidelines - www.w3.org/TR/WCAG/
  • Web Content Accessibility Checklist - www.w3.org/TR/WCAG/full-checklist.html
  • Ohio’s Assistive Technology Distance Learning Project - www.orclish.org/oatdlp/intro.html
  • Assistive Technology Infusion Project - www.atip.state.oh.us/index.asp?text=1
  • LSTA Grants - http://winslo.state.oh.us/publib/lsta98.html
  • Jacob Nielsen’s Alert Box - www.useit.com/alertbox/20011111.html
  • American Federation of the Blind – www.afb.org
  • Bobby - www.cast.org/bobby/
  • Style Master - www.westciv.com/style_master/
  • Java Accessibility Program - http://trace.wisc.edu/world/java/jseval.htm
Please feel free to use all or any parts of this presentation to share accessibility information with your colleagues. It is hyperlinked for your convenience.

INFOhio’s Web Accessibility Committee