0
The Accessible Web
Improving the universal experience
What is web accessibility?
None of these should be required on a website:
● Keyboards
● Mice
● Monitors
● Desktop computers
Interface Independence
The essence of web accessibility: content is
not dependent on the tools used to access it.
Section 504: Equal Opportunities
If your web site:
● Is part of your programs or services
● Provides information on progra...
Section 504: Equal Opportunities
Under Section 504: you must provide alternate
formats of information you share.
The ideal...
Principles of Accessibility
Web Content Accessibility Guidelines 2.0
http://www.w3.org/TR/WCAG20/
● Perceivable
● Operable...
What does that mean?
Web accessibility is for everything on the web:
● Web sites
● PDFs
● .doc, .ppt, .xls, .everything el...
Testing Web Sites for Accessibility
Keyboard Accessibility
● Unplug your mouse.
● Hit the tab key
Can you navigate to ever...
Testing Web Sites for Accessibility
Keyboard Accessibility
Compare these two sites:
● http://themes.joedolson.com/universa...
Testing Web Sites for Accessibility
Form Labeling
● Has a profound impact on web site users
● Is extremely easy to detect.
Testing Web Sites for Accessibility
Form Labeling
Example:
Bad News
Testing Web Sites for Accessibility
Form Labeling
Example:
Good News!
Testing Web Sites for Accessibility
Form Labeling
Compare these two sites:
● http://dev.joedolson.com/form-bad.html
● http...
Testing Web Sites for Accessibility
Alternative Text
● Disable Images
● Is any information missing?
What’s gone with image...
Testing Web Sites for Accessibility
https://addons.mozilla.org/en-US/firefox/addon/image-
block/
● http://www.girlandthego...
Testing Web Sites for Accessibility
Inclusive Content
It doesn’t matter how
accessible your site is if you
don’t have acce...
Testing Web Sites for Accessibility
Inclusive Content
● Accessible text content
● Accessible PDFs
● Accessible Audio and V...
Testing Web Sites for Accessibility
Accessible Text Content
● Scannable: Use headings and bullet points.
● Avoid direction...
Testing Web Sites for Accessibility
Accessible PDFs
● The source document must be accessible
o Alternative text for images...
Testing Web Sites for Accessibility
Accessible PDFs - what about scanning?
● Not accessible by default - just big images.
...
Testing Web Sites for Accessibility
Inspect your PDFs:
With Acrobat X
● Tools > Advanced > Accessibility > Full
Check
● Vi...
Testing Web Sites for Accessibility
Accessible Audio & Video
Two factors: the player and the content.
● Player Accessibili...
In Summary
Web accessibility is complex and subjective;
but there’s still an objective difference between
inaccessible and...
Thank you!
Joseph Dolson
http://www.joedolson.com/
joe@joedolson.com
http://twitter.com/@joedolson
Upcoming SlideShare
Loading in...5
×

The Accessible Web: Improving the Universal Experience

930

Published on

Presentation on Web and document accessibility presented to the National Endowment for the Arts' LEAD conference, August 2014.

Published in: Government & Nonprofit
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
930
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Video URL: https://www.youtube.com/watch?v=bWRwBNnROdI
  • Video URL: https://www.youtube.com/watch?v=0GplRDFSGL4
  • Transcript of "The Accessible Web: Improving the Universal Experience"

    1. 1. The Accessible Web Improving the universal experience
    2. 2. What is web accessibility? None of these should be required on a website: ● Keyboards ● Mice ● Monitors ● Desktop computers
    3. 3. Interface Independence The essence of web accessibility: content is not dependent on the tools used to access it.
    4. 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. 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. 6. Principles of Accessibility Web Content Accessibility Guidelines 2.0 http://www.w3.org/TR/WCAG20/ ● Perceivable ● Operable ● Understandable ● Robust
    7. 7. What does that mean? Web accessibility is for everything on the web: ● Web sites ● PDFs ● .doc, .ppt, .xls, .everything else
    8. 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. 9. Testing Web Sites for Accessibility Keyboard Accessibility Compare these two sites: ● http://themes.joedolson.com/universal/ ● http://themes.joedolson.com/iatc/
    10. 10. Testing Web Sites for Accessibility Form Labeling ● Has a profound impact on web site users ● Is extremely easy to detect.
    11. 11. Testing Web Sites for Accessibility Form Labeling Example: Bad News
    12. 12. Testing Web Sites for Accessibility Form Labeling Example: Good News!
    13. 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. 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. 15. Testing Web Sites for Accessibility https://addons.mozilla.org/en-US/firefox/addon/image- block/ ● http://www.girlandthegoat.com/
    16. 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. 17. Testing Web Sites for Accessibility Inclusive Content ● Accessible text content ● Accessible PDFs ● Accessible Audio and Video
    18. 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. 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. 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. 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. 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. 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.
    24. 24. Thank you! Joseph Dolson http://www.joedolson.com/ joe@joedolson.com http://twitter.com/@joedolson
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×