Día 20: Proveer un resumen para las tablas
La pieza final del marcaje de tablas es proveer un resumen. El resumen de una tabla nunca se ve en los navegadores visuales; está diseñado exclusivamente para los lectores de pantalla y los navegadores de habla. Es exactamente como su nombre lo indica: un resumen, una descripción mas larga que su el encabezado. Regularmente se lee justo antes del encabezado.
Cada tabla debería tener un resumen. Si tiene un calendario, el resumen puede ser tan simple como: "Calendario mensual con los vínculos a los apuntes diarios". Si usa tablas para la presentación, debería poner un resumen vacío en esas tablas, para indicar que la tabla se usa exclusivamente para la disposición visual y para presentar datos tabulares (Este es un concepto similar al de proveer un atributo ALT vacío en imágenes utilizadas exclusivamente para espaciamiento visual. Discutiremos estas "imágenes de espaciamiento" el próximo día).
Quién se beneficia?
- Jackie se beneficia. Cuando JAWS encuentra su calendario, Jackie escucha, "Resumen: Calendario mensual con los vínculos a los apuntes diarios". Luego ella escucha el encabezado, luego escucha las cabeceras de tabla, y finalmente puede navegar a través del calendario.
- Los usuarios de iCab se benefician. iCab puede usar las capacidades de texto-a-habla del sistema operativo Mac OS para leer páginas de Internet, y leerá el resumen de todas las tablas que definan uno.
Como hacerlo: calendario
En Movable Type, encuentre el calendario en su Plantilla de Indice Principal (Main Index Template) (De nuevo, haciendo una búsqueda por "calendarhead" probablemente lo encontrará). Verá una tabla (<table>) como esta:
<table border="0" cellspacing="4" cellpadding="0">
Cámbielo a esto:
<table border="0" cellspacing="4" cellpadding="0" summary="Calendario mensual con los vínculos a los apuntes diarios">
En Radio, el procedimiento es similar al que hemos visto en los días pasados.
- En Radio, primero abra la aplicación actual. En Windows, haga clic derecho en el pequeño icono de Radio en su área de notificación y seleccione "Open Radio" (Abrir Radio).
- Bajo el menú "Tools" (Herramientas), seleccione "Developers" (Desarrolladores), luego "Jump..." (Saltar.)(Control+J). Salte a "system.verbs.builtins.radio.weblog.drawCalendar" (sin las comillas).
Ahora vaya al menú "Edit" (Edición), "Find and Replace" (Buscar y Reemplazar), "Find..." (Buscar.) (Control+F) y busque "draw the month and year". Esto debe revelar y resaltar una línea que dice simplemente "
bundle // draw the month and year". Haga doble clic en el triangulo para revelar el código, que debe de verse así:add ("<table cellspacing=\"0\" border=\"0\" class=\"hCalendarTable\">"); indentLevel++Cámbielo a esto::
add ("<table summary=\"Monthly calendar with links to each day's posts\" cellspacing=\"0\" border=\"0\" class=\"hCalendarTable\">"); indentLevel++
Como hacerlo: tablas de presentación
Si usa tablas para presentación, añada summary="" a cada tabla. Esto se hace más fácil (y mejor) con buscar y reemplazar. Busque esto:
<table
Y reemplácelo con esto:
<table summary=""