Hola, estoy intentando hacer esta tabla lo más accesible posible:
Código HTML:
<table summary="Horarios Academia de Baile">
<caption>Horarios válidos hasta el 15 de Junio del 2008.</caption>
<thead>
<tr>
<td> </td>
<th id="lm" class="th2">Lunes y Miércoles</th>
<th id="mj" class="th2">Martes y Jueves</th>
<th id="vi" class="th2">Viernes</th>
</tr>
</thead>
<tbody>
<tr>
<th>17:30 a 18:30</th>
<td headers="lm">Sevillanas -Carmen- Sala 2</td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>18:00 a 19:00</th>
<td headers="lm">Caribeños Iniciación - Carolina- Sala 1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>18:30 a 19:30</th>
<td headers="lm">Bailes de Salón Intermedio - Danny- Sala 2</td>
<td headers="mj">Bailes de Salón Iniciación - Danny- Sala 1 </td>
<td> </td>
</tr>
<tr>
<th>19:00 a 20:00</th>
<th id="en" class="th3">Enero 2008</th>
<td headers="mj">Caribeños Iniciación - Carolina- Sala 2 </td>
<td> </td>
</tr>
<tr>
<th>19:30 a 20:30</th>
<td headers="lm">Estilo Latino - Rocío- Sala 2
</td>
<td headers="mj">Danza del Vientre - Inma- Sala 1 </td>
<td> </td>
</tr>
<tr>
<th>20:00 a 21:00</th>
<td headers="lm">Caribeños Iniciación - Carolina- Sala 1 </td>
<td headers="mj">Salsalón Intermedio - Danny- Sala 2</td>
<td headers="vi">Tanto argentino. Graciela Sala 1 - 20:00 a 21:30</td>
</tr>
<tr>
<th>20:30 a 21:30</th>
<td headers="lm">Salsalón I - Danny- Sala 2 </td>
<td headers="mj">Caribeños Iniciación - Víctor- Sala 1</td>
<td headers="vi">Prácticas Libres</td>
</tr>
<tr>
<th>21:00 a 22:00</th>
<td headers="lm">Caribeños Iniciación - Víctor- Sala 1 </td>
<td headers="mj">Caribeños Avanzado II - Danny- Sala 2</td>
<td headers="vi">Prácticas Libres</td>
</tr>
<tr>
<th>21:30 a 22:30</th>
<td headers="lm">Caribeños Intermedio I - Carolina- Sala 2 </td>
<td headers="mj">Caribeños Intermedio II - Carolina- Sala 1</td>
<td headers="vi"> Bachata y Kizomba - Danny- Sala 1</td>
</tr>
<tr>
<th>22:00 a 23:00</th>
<td headers="lm">Caribeños Avanzado I - Danny- Sala 1</td>
<td headers="mj">Caribeños Inic.-Intermedio - Danny- Sala 2 </td>
<td> </td>
</tr>
</tbody>
</table> Sin embargo mirando en algunos examinadores (como por ejemplo examinator) me advierte lo siguiente:
Cita: Hay 14 celda(s) de encabezados y ninguna de ellas tiene atributos de asociación.
Debe asociarse el contenido de las celdas de datos con su correspondiente celda de encabezado usando atributos como "axis", "headers", "scope", etc. De esta manera, las aplicaciones podrán transmitir la relación entre los distintos elementos de la tabla.
WCAG 5.2: Para las tablas de datos que tengan dos o más niveles lógicos de encabezados de filas o columnas, utilice marcadores para asociar las celdas de datos con las celdas de encabezados. (Prioridad 1)
¿Qué cambiarían, añadirían o quitarían?