Location: PHPKode > projects > OpenWolf Guidelines Validator > openWolf 0.9.9/wai/tests/WAI_1_1_1.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>WAI_1_1_1</title>
-</head>

<body>
<!-- the first five elements should be raised as errors-->
<img class="class something" id="main" src="none.gif" width="10" height="10" />
<img src="none.gif" width="10" height="10" alt="" />
<img src="none.gif" width="10" height="10" alt="10 kilobytes" />
<img src="none.gif" width="10" height="10" alt="none.gif" />
<img src="none.gif" width="10" height="10" alt="a very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong alt text" />
<!--this element is fine-->
<img src="none.gif" width="10" height="10" alt="correct element" />

<!-- the first five elements should be raised as errors-->
<input type="image" width="10" height="10" />
<input type="image" width="10" height="10" alt=""/>
<input type="image" width="10" height="10" alt="10 kilobytes" />
<input type="image" width="10" height="10" alt="none.gif" />
<input type="image" width="10" height="10" alt="a very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong alt text" />
<!--this element is fine-->
<input type="image" width="10" height="10" alt="correct element" />

<!--the first five elements should be raised as errors-->
<applet code="none" width="10" height="10"></applet>
<applet code="none" width="10" height="10">textural description </applet>
<applet code="none" width="10" height="10" alt="">textural description </applet>
<applet code="none" width="10" height="10" alt="10 kilobytes">textural description </applet>
<applet code="none" width="10" height="10" alt="applet.class">textural description </applet>
<!--this element is fine-->
<applet code="none" width="10" height="10" alt="correct element">textural description </applet>

<!--the next element should be raised as an error-->
<object type="image/jpeg" width="10" height="10" data="none.jpeg"></object>
<!--the next two elements are fine-->
<object type="image/jpeg" width="10" height="10" data="none.jpeg">textural description</object>
<object type="image/jpeg" width="10" height="10" data="none.jpeg"><img src="none.jpeg" width="10" height="10" alt="alternative image" /></object>

<!--the next two elements should be raised as warnings-->
<object type="audio/something" width="10" height="10" data="none.wav">textural description</object>
<object type="video/something" width="10" height="10" data="none.avi">textural description</object>

<!--this should be raised as a warning-->
<a href="noise.wav">noise</a>

<!--this element should be raised as an error-->
<frame src="blank.htm" />
<!--this next element should be fine-->
<frame src="blank.htm" longdesc="explain.htm" />

<!--both frame elements should be raised as warnings-->
<frameset>
	<frame src="blank.htm" />
	<frame src="blank.htm" />
</frameset>

<!--this element should be raised as an error-->
<iframe src="blank.htm">textural description</iframe>
<!--the next element should be fine-->
<iframe src="blank.htm" longdesc="explain.htm">textural description</iframe>

<!--this element should be raised as an error-->
<area href="page.htm" />
<!--this element should be fine-->
<area href="page.htm" alt="page link" />

<!--the next elements should be raised as errors-->
<script type="text/javascript">

	function bad(){
	
	}
</script>
<script type="text/javascript">

	function bad(){
	
	}
</script>
<noscript></noscript>
<!--this element should be fine-->

<script type="text/javascript">
	function good(){
	
	}
</script>
<noscript>You need to have javascript enabled</noscript>

<!--the following images should be fine -->
<img src="none1.gif" height="9" width="10" alt="small image" class="good">
<img src="none2.gif" height="10" width="2" alt="small image" class="good">

<!--these images should raise errors-->
<img src="none3.gif" alt="" class="bad">
<img src="none4.gif" alt="" width="5" class="bad">
<img src="none5.gif" alt="" height="5" class="bad">
<img src="none6.gif" alt="" height="15" width="15" class="bad">

</body>
</html>
Return current item: OpenWolf Guidelines Validator