Images

Tips == =Use of Images, Fonts and Color=

Images are important to help convene meaning to text. Research indicates that learners understand more with an image and text than with just text alone. Also students need to be visually literate with the ability to interpret, negotiate, and make meaning from informational images. Special fonts have also been developed to assist those with visual impairments.

Images Fonts Color 

Creating paper and computer-based images
[|WebAim:] www.webaim.org/techniques/images/ sections 1-5 [|Web Design and Development] Unit 4: Graphics Purpose of Web Graphics www.washington.edu/accessit/webdesign/student/unit4/module1/Guidelines_for_web_graphics.htm [|Web Style Guide: Images] www.webstyleguide.com/wsg3/11-graphics/index.html

Free Photos and Images
[|Free Photos] www.morguefile.com/ [|Pics4Learning] www.pics4learning.com/ [|Stock Exchange] - Royalty Free Pictures www.sxc.hu Search Engine for [|Stock photo] www.everystockphoto.com/ [|FreePixels] freepixels.com/ [|Free Photo] freephoto1.com/ [|Public domain Photo Data base] www.pdphoto.org/ [|EdtechTeacher] edtechteacher.org/publicdomainimages.html [|Creative Commons] wiki.creativecommons.org/MozCC [|Flickr Storm] www.zoo-m.com/flickr-storm/

(top) 

Fonts

 * Use Sans Serif Fonts = Arial Trebuchet Verdana
 * Designed font size 15.6px

Good Fonts for Visual Impairments:
[|APHfont] www.aph.org/products/aphont.html designed for more legible documents [|Tiresias] www.tiresias.org/fonts/index.htm

[|Making Text Legible] www.lighthouse.org/accessibility/design/accessible-print-design/making-text-legible/ [|Font size] www.rnib.org.uk/professionals/webaccessibility/designbuild/text/Pages/font_size.aspx [|Five Simple Steps to Better Typography] www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography

(top) 

Color
Adapted from [|Are Your Web Pages Color Sensitive?] webdesign.about.com/od/accessibility/a/aa062804.htm [|Color Blind Web Page Filter] colorfilter.wickline.org/ [|Color Lovers Blog] ‘As Seen By The Color Blind’ www.colourlovers.com/blog/2008/07/24/as-seen-by-the-color-blind/ as seen by the Color Blind [|Vischeck] www.vischeck.com/vischeck/vischeckURL.php Check your web page for color contrast [|Effective color Contrast] www.lighthouse.org/accessibility/effective-color-contrast/ [|Are your pages color sensitive?] webdesign.about.com/od/accessibility/a/aa062804.htm
 * Don't use only color to indicate something specific on your page. For example, if you have a form with required fields, making the text red might not be a big enough distinction for a color blind person. Add another cue, such as an icon or other element to indicate that the field is required.
 * Desaturate your images to see if they still have impact. Desaturating the images removes all the color from the image. While this is not how most color blind people see the images, it will give you a quick and easy way to tell if the image is still useful. Maps are particularly difficult, as the red lines for "freeways" might look identical to the green lines for "dirt roads".
 * Try to avoid placing red and green together.
 * If you can, find a color blind friend or relative to look at your site.
 * Choose your colors with awareness. It's perfectly fine to make a design choice that negatively impacts color blind people, but do it deliberately. And preferably, come up with an alternative for them as well.

(top)