1. Is Your Site Accessible? Validating Your Web Site

2. Is Your Site Accessible? OBJECTIVE: The learner will list three reasons to validate a web page

3. What is “validation?” Usually involves using a computer program to review the HTML code on the page, based on standards Notes deficiencies in HTML Notes deficiencies in design Notes accessibility problems

4. What is “validation?” If you use a page authoring program, it probably does some validation for you: As this screen shot from Macromedia’s Dreamweaver shows.

5. Items requiring human judgment during validation Do the page background and text colors provide sufficient contrast to be legible? Is the page using color to provide information? Will the audience be able to understand the terms and language you’re using?

6. Items requiring human judgment during validation Are acronyms explained? Is the navigation strategy you’re using clear to visitors? Does the site look the same in all browsers?

7. Items requiring human judgment during validation If the site uses a client-side SCRIPT (e.g., JavaScript), does it also include a NOSCRIPT option providing the same information or function of the script for users without script-handling capabilities? Web-enabled cell-phones and PDAs Web TV (yes, it’s still out there!) “Malware-phobes”

8. Items examined in validation HTML code – is it correct? Element syntax correct? Are elements requiring both opening and closing tags properly closed? Do elements span paragraphs, etc.? Are elements in proper order? Attribute syntax correct? Attribute contain valid values? Attribute allowed?

9. Items examined in validation Images Do they include ALT attributes? ALT attribute values sufficiently descriptive? Should the image also have a LONGDESC attribute (i.e., a link to a file containing a more detailed description than will fit in ALT attribute) Is the image being used as a link? Does all of the information still come through if you turn off images in your browser?

10. Items examined in validation Does the page linearize properly? If table is used for layout, does information flow in the order it is intended to? If a data table is included in page, does information flow in the order it is intended to?

11. Items examined in validation Do tables include contextual information? Is the SCOPE attribute used for row and column headings? Is the HEADER attribute used with ID to provide context?

12. Items examined in validation Can the page be understood if the visitor cannot/does not use scripts or style sheets? Can test with (some) browsers Pages relying on scripts should also include provisions for those using no scripts Pages laid out with style sheets must also make sense when user agent does not accommodate style sheets.

13. Why Validate? Most accessibility errors will NOT be visible on the page Validation catches HTML errors too Can you tell which images on this page are accessible and which are not?

14. Which images are accessible? NOT accessible! ACCESSIBLE! (HINT: What other problem might this slide have if it were a web page?)

15. What FREE tools are available? W3C Validator (http://validator.w3.org/)

16. What FREE tools are available? Web Design Group HTML Validator http://www.htmlhelp.com/tools/validator/ http://www.htmlhelp.com/tools/validator/

17. What FREE tools are available? W3C CSS Validator (downloadable) http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/

18. What FREE tools are available? Bobby (single page only) http://www.cast.org/bobby http://www.cast.org/bobby

19. What FREE tools are available? Cynthia Says http://www.contentquality.com http://www.contentquality.com

20. What FREE tools are available? W3C’s Link Checker http://validator.w3.org/checklink http://validator.w3.org/checklink

21. QUIZ