This document is a draft, and is designed to show changes from a previous version. It is presently showing added text,changed text,deleted text,[start]/[end] markers,and Issue Numbers.
Changes are displayed as follows:
All technologies that support images.
This failure relates to:
Editorial Note: This failure was combined with F2.
The objective of this technique is to describe how using text shown with a presentation that gives that text special meaning without also including the semantic markup is a failure. This includes text within the HTML or text within images.
This is a failure because the text is styled to look like a header but is just a styled div element. A better solution would be to use a header element and style it as desired using CSS.
<style type="text/css">
.sectionTitle {
font-family:"Century Schoolbook", Times, serif;
font-size:200%;
font-weight:bolder;
}
</style>
<div class="sectionTitle">Introduction</div>
<p>This introduction provides detailed information about how to use this
...
</p>
Chapter1.gif is an image of the words, "Chapter One" in a Garamond font sized at 20 pixels. This is a failure because at a minimum the img element should be enclosed within a header element. A better solution would be eliminate the image and to enclose the text within a header element which has been styled using CSS.
<img src="Chapter1.gif" alt="Chapter One"> <p>Once upon a time in the land of the Web..... </p>
This is a failure for similar reason to Example 1. The text is styled to look like a header but is just a styled p element. A better solution would be to use a header element and style is as desired using CSS.
<style type="text/css">
.Heading1 {
font-family: Times, serif;
font-size:200%;
font-weight:bold;
}
</style>
<p class="Heading1">Introduction</p>
<p>This introduction provides detailed information about how to use this
........
</p>
Find any images of text on the page and any styled text which conveys information.
Check that the images of text are not used to convey information which should be conveyed using markup.
Check that in addition to styling, the proper semantic structure is used with the text to convey the information.
Checks 1.1 and 1.2 are true.