Web accessibility service pageWeb accessibility service page

5.4:H205103 If a table is used for layout, do not use any structural markup for the purpose of visual formatting.

Improper design

When table was used to station layout, use TH label to reach bold font effect will cause misunderstanding of the text content with the table labels when viewed by visually disable users.

Improper design:

  <TABLE border="1">
  <TR align="left">
  <TH>instant news flash:
  continuous traffic accident happened in North second highway and Chong-Ho Road section</TH>
  <TH>Taiwan weather forecast: 
  rain and thunder in Taipei region after lunch; high temperature in Kuo-Shiong</TH>
  </TR>
  <TR>
  <TD>North Chong-Shan Road have a section where motorcycles cannot be parked(central agency)</TD>
  <TD>Examination results posted, acceptance rate 86% (people channel)</TD>
  </TR>
  </TABLE>
          

Proper demonstration

The above example do not have an association between the top and the bottom information, therefore, proper design should use the STRONG label to indicate bold font text effect.

Proper example:

  <TABLE border="1">
  <TR align="left">
  <TD><STRONG>instant news flash:
  continuous traffic accident happened in North second highway and Chong-Ho Road section</STRONG></TD>
  <TD><STRONG>Taiwan weather forecast: 
  rain and thunder in Taipei region after lunch; high temperature in Kuo-Shiong</STRONG></TD>
  </TR>
  <TR>
  <TD>North Chong-Shan Road have a section where motorcycles cannot be parked(central agency)</TD>
  <TD>Examination results posted, acceptance rate 86% (people channel)</TD>
  </TR>
  </TABLE>
          
End of Main Content