1. Accessible Images Wendy Chisholm Matt May Universal Design for Web Applications

2. Perceivable Operable Understandable Robust

3. Perceivable

5. “alt-text”

6. Captions

7. Transcripts

8. Audio Descriptions

10. One of the easiest to fix

11. Many ways to test

12. Should replace purpose of the image

13. Or if not needed for understanding, “hide” it

15. Suggested <img alt=”UMBC An Honors University in Maryland” />

16. Expected alt-text?

18. Suggested <img alt=”College of Science, Health & Engineering” /> Previous screen shot used Firefox Dev Toolbar: https://addons.mozilla.org/en-US/firefox/addon/60

19. <a href=“...”> Print Friendly Page <imgsrc=“.../images/print.gif” alt=“??”> </a> Suggested alt?

20. <a href=“...”> Print Friendly Page <imgsrc=“.../images/print.gif” alt=“”> </a> Suggested: null alt-text

21. Suggestions? <imgsrc=“images/templates/spacer.gif” width=“200” height=“10” alt=“Spacer images. (Decorative Element)”/>

22. Suggested Use CSS for layout  alt=“” (null alt-text)

23. Suggestions for the arrow?

24. Currently <tr> <td width="10" valign="top"> <imgsrc="..." width="7" height="9"> </td> <td valign="top"> <a href="...">B.S. Mathematics</a> </td> </tr>

25. What’s going on here?

26. <p> <img height=“497” width=“626” src=“words_per_book.jpg”> </p>

27. Not just for HTML

28. In Acrobat

29. Suggested Avoid images of text. (please pleaseplease) Break into multiple images and text. alt-text for each book cover should be the title of the book

31. If it doesn’t, include it via css or null alt-text.

32. If it’s an image of words, alt-text=words.

33. If it’s a link or button, alt-text=function.

34. If it’s in a text link, alt-text=null alt-text.

35. Avoid redundancy where possible.

36. Avoid images of text (please pleaseplease!)

37. True for file formats (PDF, Powerpoint, etc)