H73 (Fail): Using the summary attribute of the table element to give an overview of data tables

HTML Snippet

Code

Scenario 1: Summary attribute is not used for the data table

	Studio	Apt	Chalet	Villa
1 bedroom	11	20	25	23
2 bedroom	-	43	52	32
3 bedroom	-	13	15	40

<table> <thead> <tr> <td></td> <th scope="col"> Studio </th> <th scope="col"> <abbr title="Apartment">Apt</abbr> </th> <th scope="col"> Chalet </th> <th scope="col"> Villa </th> </tr> </thead> <tbody> <tr> <th scope="row"> 1 bedroom </th> <td> 11 </td> <td> 20 </td> <td> 25 </td> <td> 23 </td> </tr> <tr> <th scope="row"> 2 bedroom </th> <td> - </td> <td> 43 </td> <td> 52 </td> <td> 32 </td> </tr> <tr> <th scope="row"> 3 bedroom </th> <td> - </td> <td> 13 </td> <td> 15 </td> <td> 40 </td> </tr> </tbody> </table>

Scenario 2: Both summary and caption are same

Paris: Availability of holiday accommodation
	Studio	Apt	Chalet	Villa
1 bedroom	11	20	25	23
2 bedroom	-	43	52	32
3 bedroom	-	13	15	40

<table summary="Paris: Availability of holiday accommodation"> <caption style="color: #000">Paris: Availability of holiday accommodation</caption> <thead> <tr> <td></td> <th scope="col"> Studio </th> <th scope="col"> <abbr title="Apartment">Apt</abbr> </th> <th scope="col"> Chalet </th> <th scope="col"> Villa </th> </tr> </thead> <tbody> <tr> <th scope="row"> 1 bedroom </th> <td> 11 </td> <td> 20 </td> <td> 25 </td> <td> 23 </td> </tr> <tr> <th scope="row"> 2 bedroom </th> <td> - </td> <td> 43 </td> <td> 52 </td> <td> 32 </td> </tr> <tr> <th scope="row"> 3 bedroom </th> <td> - </td> <td> 13 </td> <td> 15 </td> <td> 40 </td> </tr> </tbody> </table>