Is Your Site Accessible? Validating Your Web Site.
-
Upload
cory-underwood -
Category
Documents
-
view
216 -
download
0
Transcript of Is Your Site Accessible? Validating Your Web Site.
![Page 1: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/1.jpg)
Is Your Site Accessible?
Validating Your Web Site
![Page 2: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/2.jpg)
Is Your Site Accessible?
OBJECTIVE: The learner will list three reasons to validate a web page
![Page 3: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/3.jpg)
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
![Page 4: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/4.jpg)
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.
![Page 5: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/5.jpg)
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?
![Page 6: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/6.jpg)
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?
![Page 7: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/7.jpg)
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 PDAsWeb TV (yes, it’s still out there!)“Malware-phobes”
![Page 8: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/8.jpg)
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?
![Page 9: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/9.jpg)
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?
<IMG SRC=“fileandpath.name” ALT=“info about image”>
![Page 10: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/10.jpg)
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?
![Page 11: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/11.jpg)
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?
![Page 12: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/12.jpg)
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.
![Page 13: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/13.jpg)
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?
![Page 14: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/14.jpg)
Which images are accessible?
<IMG SRC=“paulbowleseyes.jpg” BORDER=“1”>
<IMG SRC=“quesmark.gif BORDER=“0”>
<IMG SRC=“magglass.gif” BORDER=“0” ALT=“Find a Store”>
NOT accessible!
NOT accessible!
ACCESSIBLE!
(HINT: What other problem might this slide have if it were a web page?)
![Page 15: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/15.jpg)
What FREE tools are available?
W3C Validator (http://validator.w3.org/)
![Page 16: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/16.jpg)
What FREE tools are available?
Web Design Group HTML Validator http://www.htmlhelp.com/tools/validator/
![Page 17: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/17.jpg)
What FREE tools are available?
W3C CSS Validator (downloadable) http://jigsaw.w3.org/css-validator/
![Page 18: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/18.jpg)
What FREE tools are available?
Bobby (single page only) http://www.cast.org/bobby
![Page 19: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/19.jpg)
What FREE tools are available?
Cynthia Says http://www.contentquality.com
![Page 20: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/20.jpg)
What FREE tools are available?
W3C’s Link Checker http://validator.w3.org/checklink
![Page 21: Is Your Site Accessible? Validating Your Web Site.](https://reader036.fdocuments.in/reader036/viewer/2022062519/5697c0071a28abf838cc608a/html5/thumbnails/21.jpg)
QUIZ