Web accessibility service pageWeb accessibility service page

6.1:H106100 Ensure that CSS layout documents are still readable after the format is deleted.

Improper design

The example below only used CSS style table, so when CSS style table do not appear functional, thus caused text arrangement faults providing inaccurate web information.

Improper design:

  <DIV class="box">
  <SPAN class="menu1">DVD rental popularity</SPAN>
  <SPAN class="menu2">VCD rental popularity</SPAN>
  <SPAN class="item1">Hulk</SPAN>
  <SPAN class="item2">Terminator 3</SPAN>
  <SPAN class="item3">Bruce Almighty</SPAN>
  <SPAN class="item4">Finding nemo</SPAN>
  <SPAN class="item5">Charles Angel 2</SPAN>
  <SPAN class="item6">Hulk</SPAN>
  </DIV>
          

Proper demonstration

In conjunction with DLĦBDTĦBDD labels, one can ensure the correct arrangement of content when CSS style table is not functional

Proper example:

  <DIV class="box">
  <DL>
  <DT class="menu1">DVD rental popularity</DT>
  <DD class="item1">Hulk</DD>
  <DD class="item2">Terminator 3</DD>
  <DD class="item3">Bruce Almighty</DD>
  <DT class="menu2">VCD rental popularity</DT>
  <DD class="item4">finding nemo</DD>
  <DD class="item5">Charles Angle2</DD>
  <DD class="item6">Hulk</DD>
 </DL>
  </DIV>
          
End of Main Content