1 / 35

What in the World is Web Accessibility? & Other Important Questions

What in the World is Web Accessibility? & Other Important Questions. Dean Brusnighan Assistive Technology Specialist Purdue University. Have you created web pages?. Web Accessibility is. Making a web site more usable by persons with disabilities. Why is web accessibility important?.

braden
Download Presentation

What in the World is Web Accessibility? & Other Important Questions

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. What in the World is Web Accessibility?& Other Important Questions Dean Brusnighan Assistive Technology Specialist Purdue University

  2. Have you created web pages?

  3. Web Accessibility is • Making a web site more usable by persons with disabilities

  4. Why is web accessibility important?

  5. Why is planning for web accessibility important?

  6. Two homes are built

  7. Agenda • Headings • Images • Color • Video captions • Attached documents

  8. Headings

  9. Headings and Structure • Assistive Technology uses document structure as navigation points • Analogy: print handout • Use heading tags <h1> to <h6> to create document structure

  10. Video: No Heading Tags • No heading tags

  11. Use Headings Correctly • Do not use text formatting to give the visual appearance of headers • Result is no headings that AT can use • Do not use header tags to give the visual appearance of text formatting • Result is confusion for AT user – text is marked as heading when it shouldn’t be

  12. Video: Using Heading Tags • Using Heading Tags

  13. Images

  14. Images and the alt Attribute • The alt attribute provides information when an image or other non-text element cannot be seen. • There are several situations where this is useful: • assistive technology (e.g. a person with a disability) • a graphical browser with images turned off (e.g. to increase loading speed) • a text-only browser • Search engines index alt text

  15. altAttribute Example • Include the alt attribute in the <img>tag Given: <img src=“/images/purdue.jpg” /> Revised: <img src=“/images/purdue.jpg” alt=“Purdue University” />

  16. altAttribute Details • Everyimage/non-text element needs an alt attribute • Some will need appropriate alt text • Others will require a null alt attribute • Written as alt=""

  17. Which Alt Text is Appropriate? • Including appropriate alt text or no alt text depends on the way the image is used • 3 Ways Images Are Used • Information • Navigation • Decoration

  18. Information

  19. Navigation and Decoration alt=“Track 2 Coordinators” alt=“”

  20. Null alt Attribute • Why provide a null alt attribute? Why not leave out the alt attribute entirely? • A null alt attribute causes AT to skip over the decorative image without reading anything.

  21. Color

  22. How many people are affected by color deficiency?

  23. Use of Color • Users who have color deficiency, limited vision or blindness may miss information presented only with color. • Color must not be relied upon as the only means of conveying information. • Pair color with another indicator such as underlining, asterisks, or text.

  24. Color Example London Tube Map Color-Blind Simulation

  25. Color of laser pointers • Blah, blah, blah • Yada, yada, yada • Blah, blah, blah • Be aware that some are unable to see a low-intensity red laser pointer.

  26. Color Resources • Web site: • www.iamcal.com/toys/colors • Blog article: • Joe Conte: Pet Peeve #4r … and I’m seeing red … or not …

  27. Video Captions

  28. Why are captions necessary?

  29. What are some situations where captions are helpful?

  30. Benefits of Captions • Environment • Noisy, quiet, no speakers/headphones • Language • English language learners • Some learning disabilities • Deaf or hard of hearing • Captions discoverable via web search

  31. Attached Documents

  32. Accessible Online Documents • Documents viewed online must be accessible • Word, PowerPoint, PDF • Accessibility improvements in original document remain when converted to PDF • Use headings, add alt text • Use Word 2010 Accessibility Checker

  33. Campus Resources • Questions re: accessible web design Web Accessibility Committee http://www.purdue.edu/webaccessibility Contacts page: submit questions to committee Training page: self-guided training available

  34. Other Resources • Web Accessibility Committee Resources • www.purdue.edu/webaccessibility/Resources • WebAIM • webaim.org • Terrill Thompson • www.washington.edu/accesscomputing/tips • Thank you to WebAIM for allowing us to include information and examples from their site in our training materials.

  35. Questions

More Related