Técnica HTML WCAG 2.2 obsoleta

H73Usar el atributo summary del elemento table para ofrecer una visión general de las tablas de datos

Técnica obsoleta: el W3C ya no la recomienda. Se mantiene traducida como referencia histórica y porque sigue apareciendo en auditorías antiguas. |

En resumen

Técnica obsoleta: el atributo summary de table permitía dar a quienes usan lector de pantalla una breve explicación de cómo está organizada una tabla compleja o de cómo navegar por ella, sin mostrarla visualmente. En HTML5 el atributo está obsoleto y su soporte no está garantizado, así que hoy conviene recurrir a alternativas (caption, texto previo a la tabla) y usarlo solo con cautela.

Aplicabilidad

HTML 4.01, XHTML 1.x

Descripción

El objetivo de esta técnica es proporcionar una breve visión general de cómo se han organizado los datos en una tabla o una breve explicación de cómo navegar por ella. El atributo summary del elemento table pone esta información a disposición de las personas que usan lectores de pantalla; la información no se muestra visualmente.

El summary es útil cuando la tabla tiene una estructura compleja (por ejemplo, cuando hay varios conjuntos de encabezados de fila o de columna, o cuando hay varios grupos de columnas o de filas). El summary también puede ser de ayuda en tablas de datos sencillas que contienen muchas columnas o filas de datos.

El atributo summary puede utilizarse tanto si la tabla incluye un elemento caption como si no. Si se usan ambos, el summary no debería duplicar el caption.

En HTML5 el atributo summary está obsoleto. Las tecnologías de asistencia pueden seguir admitiendo el atributo o no. Los autores deberían considerar alternativas y usarlo únicamente con precaución.

Aunque las WCAG 2 no prohíben el uso de tablas de maquetación, se recomiendan las maquetaciones basadas en CSS para conservar el significado semántico definido de los elementos table de HTML y para ajustarse a la práctica de codificación de separar la presentación del contenido. No obstante, si se utiliza una tabla de maquetación, el atributo summary no se usa o es nulo. El propósito de una tabla de maquetación es simplemente controlar la colocación del contenido; la tabla en sí es «transparente» para el usuario. Un summary «rompería» esta transparencia al llamar la atención sobre la tabla. Un summary nulo (summary="") en las tablas de maquetación es aceptable. Consulte F46 para más detalles.

Ejemplos

Una tabla de datos con `summary` pero sin `caption`

Este ejemplo muestra un horario de autobuses. El número de línea y el sentido se incluyen en el summary, junto con información sobre cómo usar el horario.

<table summary="Schedule for Route 7 going downtown. Service begins 
at 4:00 AM and ends at midnight. Intersections are listed in the top row. 
Find the intersection closest to your starting point or destination, then read 
down that column to find out what time the bus leaves that intersection.">
  <tr>
    <th scope="col">State & First</th>
    <th scope="col">State & Sixth</th>
    <th scope="col">State & Fifteenth</th>
    <th scope="col">Fifteenth & Morrison</th>
  </tr>
  <tr>
    <td>4:00</td>
    <td>4:05</td>
    <td>4:11</td>
    <td>4:19</td>
  </tr>
  …
</table>

Una tabla de datos con `summary` y `caption`

En este ejemplo se utilizan tanto un atributo summary como un elemento caption. El caption identifica la línea de autobús. El summary ayuda a los usuarios ciegos a entender cómo usar el horario. Los lectores de pantalla leen el caption, seguido del summary.

<table summary="Intersections are listed in row 1. 
Find the intersection closest to your starting point 
or destination, then read down that column to find 
out what time the bus leaves that intersection.  
Service begins at 4:00 AM and ends at midnight.">
  <caption>Route 7 Downtown (Weekdays)</caption>
…
</table>

Pruebas

Procedimiento

Para cada tabla de datos:

Si hay un summary, comprobar que el atributo summary describe la organización de la tabla o explica cómo usar la tabla.
Si la tabla de datos tiene tanto un atributo summary como un elemento caption, comprobar que el summary no duplica el caption.

Resultados esperados

Las comprobaciones n.º 1 y n.º 2 son verdaderas.

Recursos

HTML 4.01: el atributo summary

Cómo lo comprobamos en ADDAW

En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H73 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.