Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation
Upcoming SlideShare
Loading in...5
×
 

Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation

on

  • 3,172 views

 

Statistics

Views

Total Views
3,172
Views on SlideShare
2,684
Embed Views
488

Actions

Likes
0
Downloads
5
Comments
0

10 Embeds 488

http://collegewebeditor.com 329
http://cloud.feedly.com 51
https://twitter.com 49
http://2013.pseweb.ca 24
http://feeds2.feedburner.com 16
http://eventifier.co 10
http://digg.com 3
http://feeds.feedburner.com 3
http://storify.com 2
http://www.feedspot.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation Web Accessibility Demystified, by Penny Harding, Hannon Hill Corporation Presentation Transcript

  • AccessibilityDemystifiedWeb Accessibility Compliance and Tools toHelp Meet the Requirements#cascadeserver @hannon_hill
  • Goals of Presentation Introduce the concept of web accessibility Identify our audience & define the barriers Learn some easy to identify design conflicts Introduce tools to help find accessibilityissues Explain how to implement some changes#cascadeserver @hannon_hill
  • Cliché Definition SlideWeb Accessibility (n)…means that the Web is designed so that people withdisabilities can perceive, understand, navigate, and interactwith it effectively, as well as create and contribute contentto the Web. – W3.orghttp://www.w3.org/WAI/lexicon#cascadeserver @hannon_hill View slide
  • Alphabet Soup of AccessibilityAcronym What does it stand for? What does it mean/do?508 Standard Section 508 Standard of theRehabilitation ActProvide web standards for federally funded programs and services; technology must beaccessible to employees and members of the public with disabilities to the extent it does notpose an “undue burden.”ADA Americans with Disabilities Act Prohibits discrimination and ensures equal opportunity for persons with disabilitiesIDEA Individuals with DisabilitiesEducation ActEnsures services to children (birth to 21) with disabilities; support the use of technology tomaximize accessibility to the general education curriculumLevel A WCAG Level A Conformance Satisfies the minimal requirements (Priority 1 checkpoints) as set by WCAGLevel AA WCAG Level AA Conformance Satisfies all Level A and Level AA Success Criteria (Priority 1 & 2 checkpoints) as set by WCAGLevel AAA WCAG Level AAA Conformance Satisfies all Level A, Level AA, and Level AAA Success Criteria (Priority 1,2, & 3 checkpoints)as set by WCAGUAAG User Agent AccessibilityGuidelinesPrimarily for developers of Web browsers, media players, assistive technologies, and otheruser agentsWAI Web Accessibility Initiative WAI develops the guidelines that makes the standard for Web accessibility and provideresourcesWCAG Web Content AccessibilityGuidelinesInternational set of technical standards for Web accessibility for content developers, webauthoring tool developers and web accessibility evaluation tool developers View slide
  • Are we considering all of our users?#cascadeserver @hannon_hill
  • To Do Lista. Educateb. Identify Potential Issuesc. Solve the Issuesd. Repeat#cascadeserver @hannon_hill
  • EducationIt’s not just important that you know aboutaccessibility, but we must educate all contentcontributors. Teach them to fish!•Learn about challenges•Form/reform policies•Train developers and contributors#cascadeserver @hannon_hill
  • Basic Design Principles• Layout HTML without CSS• Provide a navigational skip to main contentarea• Use headers in appropriate order• Only use images where text will not suffice#cascadeserver @hannon_hill
  • How do you know if your content isnot accessible? Identify potential design issues Color Contrast Checker Online Tool (http://www.accesskeys.org/tools/color-contrast.html) Accessibility Color Wheel (http://gmazzocato.altervista.org/colorwheel/wheel.php) Identify issues on specific pages WebAIM Online Tool (http://wave.webaim.org) Online Tool for Pages & Snippets of HTML (http://achecker.ca/checker/index.php) Color Contrast Checker Online Tool (http://www.accesskeys.org/tools/color-contrast.html) Accessibility Color Wheel (http://gmazzocato.altervista.org/colorwheel/wheel.php)#cascadeserver @hannon_hill
  • Examples No flickering/blinking images Color contrast Alternative Text Provide captions for media Table summary/header Ability to jump to main content Headings Use labels and submit elements on forms, make sure there is a wayto fill required fields Link text Page should make sense without CSS#cascadeserver @hannon_hill
  • Q & AContact me later:Penny KronzHannon Hill (Atlanta, GA)penny@hannonhill.com678.904.6900 ext 255#cascadeserver @hannon_hill