Appropriate alternative text

You just provide alternative text for contents that are not text.

Verification method

 Bad examples : If alternative text is not provided for a text image

[Example] <img src="http://comp.namoeditor.co.kr/ce4/demo/binary/images/000001/tulips.jpg" />

[Modify] <img src="http://comp.namoeditor.co.kr/ce4/demo/binary/images/000001/tulips.jpg" alt="tulips" />

Tile provision(title)

You must provide appropriate titles for pages, frames and contents blocks.

Verification method

 Bad examples : The <frame>, <iframe> and <frameset> elements do not have the title attribute or their values are empty.

[Example] <iframe name="frame" id="namo1" src="http://comp.namoeditor.co.kr/ce4/demo/doc/sample1.htm"></iframe>

<iframe name="frame" id="namo2" title="" src="http://comp.namoeditor.co.kr/ce4/demo/doc/sample3.htm"></iframe>

[Modify] <iframe name="frame" id="namo2" title="sample" src="http://comp.namoeditor.co.kr/ce3/demo/doc/sample1.htm"></iframe>

Moving the focus

The focus by the keyboard must be moved logically and distinguishable visually.

Verification method

 Bad examples : If the elements indicating the focus or the location of the keyboard are hidden with a JAVA script

[Example] <a href="" onfocus="this.blur();" title="crosseditor go"><img src="" alt="crosseditor banner" />

[Modify] <a href="" title="crosseditor go"><img src="" alt="crosseditor banner" />

Appropriate link text

You must provide link text so that its use or purpose can be understood.

Verification method

 Bad examples : If a link text whose purpose or use is hard to understand was provided

[Example] <a href="http://comp.namoeditor.co.kr/ce4/demo/doc/guide3.htm" />PDF</a>

[Modify] <a href="http://comp.namoeditor.co.kr/ce4/demo/doc/guide3.htm" title="crosseditor help" />PDF</a>

Configuration of the table

The table must be configured so that it is easy to understand.

Verification method

 Bad examples : If the summary or caption element is not provided

[Example]

<table>
 <tr>
  <td><p>0</p></td>
  <td><p> hide</p></td>
 </tr>
 <tr>
  <td><p>1</p></td>
  <td><p> show</p></td>
 </tr>
</table>

[Modify]

<table summary="0,hide,1,show">
 <caption style="display:none;">ShowToolbar</caption>
 <tr>
  <td><p>0</p></td>
  <td><p> hide</p></td>
 </tr>
 <tr>
  <td><p>1</p></td>
  <td><p> show</p></td>
 </tr>
</table>

 Bad examples : If the title cells and contents cells are not divided into the <th> and <td> element in the data table

[Example]

<table summary="0,hide,1,show">
 <caption style="display:none;">ShowToolbar</caption>
 <tr>
  <td><p>0</p></td>
  <td><p> hide</p></td>
 </tr>
 <tr>
  <td><p>1</p></td>
  <td><p> show</p></td>
 </tr>
</table>

[Modify]

<table summary="0,hide,1,show">
 <caption style="display:none;">ShowToolbar</caption>
 <tr>
  <th scope="row"><p>0</p></th>
  <td><p> hide</p></td>
 </tr>
 <tr>
  <th scope="row"><p>1</p></th>
  <td><p> show</p></td>
 </tr>
</table>

Preventing markup errors

The elements of the markup language should not have any error in open, close and nested relations and ad property declaration.

Verification method

 Bad examples : A property error declared nested

[Example] <a id="namo" title="homepage go" href="http://namoeditor.co.kr" />Namo Homepage</a>

<a id="namo" title="experience go" href="http://comp.namoeditor.co.kr" />Experience</a>

[Modify] <a id="namo1" title="homepage go" href="http://namoeditor.co.kr" />Namo Homepage</a>

<a id="namo" title="experience go" href="http://comp.namoeditor.co.kr" />Experience</a>