[Website Accessibility]
Web Accessibility on California Library Association (www.cla-net.org)
Validate
- XHTML - W3C Markup Validation Service found out 10 errors while checking the homepage of CLA as XTHML 1.0 Transitional. Among them, two errors are from omitted end tag, and three errors come from incomplete attribute specification, such as "alt" and "type." In particular, the alternative text ("alt" attribute of img tag) is important for people who are blind and rely on a screen reader. The rest of errors are mostly from opening and ending tag mismatch. Most errors are easy to be fixed, but crucial ones.
- CSS - W3C CSS Validation Service shows one error. Error message says "Value Error : padding Too many values or values are not recognized : 10 px 20px 10px 0" But, it is actually caused by the unnecessary space between 10 and px.
- Check links - W3C Link Checker found out six broken links. Two links redirect to other websites, so they need to be updated. Other than those, the rest of link errors come from malformed URL and robot's inaccessibility.
Resize - CLA site at least needs to be more than 1024x768 screen resolution to see the Website without horizontal scrolling. In 800x600, most contents can be viewed without horizontal scrolling, but oddly located global navigation doesn't fit into this size.
CSS - Without CSS style, most contents are readable. Form and contents are well separated by using CSS.
Images - Most images are light in size (less than 25K per page), correctly set by Width and Height, and have alternative texts, except one that doesn't have alt attribute.
Color
- Grayscale - In grayscale, all text and images are legible.
- Contrast - Most color contrast test couldn't pass (luminosity contrast ratio, difference in brightness, and difference in color) with Juicy Studio Contrast Analyzer. Only 3 out of 17 elements passed.
- Color blindness - According to Vischeck color blindness simulation, CLA homepage is legible for people with color blindness (Deuteranope, Protanope, and Tritanope).
Structure - CLA homepage isn't structured logically. The headings don't provide the contents of the page properly.
Tools - The Wave alerts two accessibility errors. One is missing form label, and the other is missing alt text. Cynthia Says shows many failed elements for accessibility test with a long descriptive checklist. The text simulated with Lynx Viewer makes sense to listen through screen reader.
Magnifying Glass - The text and images in CLA homepage is viewable when it is zoomed in with magnifying glass.