Paso 11: Tablas Accesibles

Las tablas no son muy comunes en los cuadernos de bitácora, sin embargo de vez en cuando son imprescindibles para cosas tan sencillas como calendarios o para informar de los resultados de pruebas en general. Por ello, hemos de informar correctamente del contenido de las celdas para que que las personas que estén accediendo a ellas a través de lectores de pantalla no tengan problemas. Así, seguiremos las siguientes pautas:

1. Dar un título accesible a nuestra tabla. Insertaremos el título de la tabla dentro de la etiqueta <CAPTION> entre las etiquetas de <TABLE> y el primer <TR>:
        <table border="1" width="30%">
     <caption>Marzo 2011</caption>
     <tr>
2. Proporcionar un breve resumen de la información contenida en la tabla mediante la etiqueta <SUMMARY>:
     <table border="1" width="30%" summary="Calendario mensual con la hora de la clase diaria.">
3. Establecer encabezamientos. Mediante el tag <TH> (table header) podremos establecer la cabecera informativa de la columna:
   <th abbr="Lunes">Lu</th>

De esta forma nos quedaría una tabla similar a la siguiente:

 <table align="center" border="1" width="30%" summary="Calendario mensual con la hora de la clase diaria.">
  <caption>Marzo 2011</caption>
  <tr>
  <th abbr="Lunes">Lu</th>
  <th abbr="Martes">Ma</th>
  <th abbr="Miercoles">Mi</th>
  <th abbr="Jueves">Ju</th>
  <th abbr="Viernes">Vi</th>
  <th abbr="Sábado">Sa</th>
  <th abbr="Domingo">Do</th>
  </tr>
  <tr>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  <td>20:00</td>
  <td>--</td>
  <td>--</td>
  <td>--</td>
  </tr>
  </table>

Y el resultado sería el siguiente:

Marzo 2011

Lu	Ma	Mi	Ju	Vi	Sa	Do
--	--	--	20:00	--	--	--