4. Section 504: Equal Opportunities
If your web site:
â Is part of your programs or services
â Provides information on programs or
services
â Shares documents required to register for or
get information about your programs
â Then youâre subject to 504.
5. Section 504: Equal Opportunities
Under Section 504: you must provide alternate
formats of information you share.
The ideal web site minimizes the need to create
alternate formats: one web site with universal
access.
6. Principles of Accessibility
Web Content Accessibility Guidelines 2.0
http://www.w3.org/TR/WCAG20/
â Perceivable
â Operable
â Understandable
â Robust
7. What does that mean?
Web accessibility is for everything on the web:
â Web sites
â PDFs
â .doc, .ppt, .xls, .everything else
8. Testing Web Sites for Accessibility
Keyboard Accessibility
â Unplug your mouse.
â Hit the tab key
Can you navigate to every link? Can you tell
where you are?
9. Testing Web Sites for Accessibility
Keyboard Accessibility
Compare these two sites:
â http://themes.joedolson.com/universal/
â http://themes.joedolson.com/iatc/
10. Testing Web Sites for Accessibility
Form Labeling
â Has a profound impact on web site users
â Is extremely easy to detect.
12. Testing Web Sites for Accessibility
Form Labeling
Example:
Good News!
13. Testing Web Sites for Accessibility
Form Labeling
Compare these two sites:
â http://dev.joedolson.com/form-bad.html
â http://dev.joedolson.com/form-good.html
14. Testing Web Sites for Accessibility
Alternative Text
â Disable Images
â Is any information missing?
Whatâs gone with images disabled? Is this an
equal experience for the user?
15. Testing Web Sites for Accessibility
https://addons.mozilla.org/en-US/firefox/addon/image-
block/
â http://www.girlandthegoat.com/
16. Testing Web Sites for Accessibility
Inclusive Content
It doesnât matter how
accessible your site is if you
donât have accessible content.
17. Testing Web Sites for Accessibility
Inclusive Content
â Accessible text content
â Accessible PDFs
â Accessible Audio and Video
18. Testing Web Sites for Accessibility
Accessible Text Content
â Scannable: Use headings and bullet points.
â Avoid directional text: where is âleftâ in a
screen reader?
â Use meaningful link text: what does âClick
hereâ mean?
19. Testing Web Sites for Accessibility
Accessible PDFs
â The source document must be accessible
o Alternative text for images
o Use heading structures - donât just change fonts and
sizes
o Export to PDF, donât just print to PDF
http://webaim.org/techniques/acrobat/converting
20. Testing Web Sites for Accessibility
Accessible PDFs - what about scanning?
â Not accessible by default - just big images.
â Use Optical Character Recognition
â Edit the document to add structure
http://wac.osu.edu/pdf/scan/pdffromscan.html
21. Testing Web Sites for Accessibility
Inspect your PDFs:
With Acrobat X
â Tools > Advanced > Accessibility > Full
Check
â View > Zoom > Reflow
â Tools sidebar > Action Wizard > Make
Accessible
22. Testing Web Sites for Accessibility
Accessible Audio & Video
Two factors: the player and the content.
â Player Accessibility
â Text transcription
â Closed Captioning
â Audio Description
23. In Summary
Web accessibility is complex and subjective;
but thereâs still an objective difference between
inaccessible and usable - you too can spot that
difference.