Web accessibility service pageWeb accessibility service page

5.6:H205105 Provide title explanation for informative table.

Improper design

There was no usage of CAPTION label to provide label explanation, therefore the user cannot understand the information provided in the table in first glance.

Improper design:

  <TABLE border="1" summary=".....(brief explanation)....">
  <TR>
  <TH>main cities</TH>
  <TH>July 12th</TH>
  <TH>July 13th</TH>
  </TR>
  <TR>
  <TD>taipei</TD>
  <TD>cloudy</TD>
  <TD>thunder rain</TD>
  </TR>
  <TR>
  <TD>tai-chung</TD>
  <TD>cloudy</TD>
  <TD>cloudy</TD>
  </TR>
  <TR>
  <TD>kuo-shung</TD>
  <TD>cloudy</TD>
  <TD>seasonal rain</TD>
  </TR>
  </TABLE>
          

Proper demonstration

Provide label explanation, the user can understand the information provided in the text in the first glance.

Proper example:

  <TABLE border="1" summary=".....(brief explanation)....">
  <CAPTION>
  Weekend weather forecast in the main cities of TAiwan
  </CAPTION>
  <TR>
  <TH>Main cities</TH>
  <TH>July 12th</TH>
  <TH>July 13th</TH>
  </TR>
  <TR>
  <TD>taipei</TD>
  <TD>cloudy</TD>
  <TD>thunder rain</TD>
  </TR>
  <TR>
  <TD>tai-chong</TD>
  <TD>fine</TD>
  <TD>cloudy</TD>
  </TR>
  <TR>
  <TD>kuo-shung</TD>
  <TD>fine</TD>
  <TD>fine</TD>
  </TR>
  </TABLE>
          
End of Main Content