miércoles, 9 de mayo de 2012

13 Tablas accesibles


No es habitual encontrarse tablas, salvo por los calendarios. Para darle a nuestra tabla un título y un subtitulo debemos hacerlo mediante la etiqueta <caption>. Despues, habrá que introducir un resumen para que los lectores de pantalla lo puedan reconocer fácilmente. Introducimos el atributo "summary" (del inglés, resumen) en la etiqueta <table>. Y por último, lo correcto son los encabezamientos apropiados, mediante al etiqueta <th> sustituyendo la etiqueta <td> donde sea necesario.
Esta tabla muestra algunas de las materias del Master y el profesor correspondiente, este diseño muestra dos tablas, en una aparecen las materias y en otra el nombre de los profesores.



Máster en Comunicación y Educación en la RED
Materia Profesor
Diseño para todos Carlos Egea
Educación y Comunicación para el Desarrollo Margarita Roura
Ciberespacio y Ciudadanía María Jiménez Buedo
Metodología de la Investigación Carmen Cantillo y Antonio Viedma

Para lograr la siguiente tabla ha sido necesario insertar los siguiente:

<table "relación="" asignaturas="" border="1" de="" del="" máster"="" profesores="" summary="" y="">
<caption style="font-size: 120%; font-style: bold;">Máster en Comunicación y Educación en la RED</caption>
<tbody>
<tr>
<th scope="col">Asignatura</th>
<th scope="col">Profesor</th>
</tr>
<tr>
<td>Diseño para todos</td>
<td>Carlos Egea</td>
</tr>
<tr>
<td>Educación y Comunicación para el Desarrollo</td>
<td>Margarita Roura</td>
</tr>
<tr>
<td>Ciberespacio y Ciudadanía</td>
<td>María Jiménez Buedo</td>
</tr>
<tr>
<td>Metodología de la Investigación</td> 
<td>Carmen Cantillo y Antonio Viedma</td>
 </tr>
</tbody>
</table>

No hay comentarios:

Publicar un comentario