Fallo común Fallos comunes WCAG 2.2
F34Fallo de los criterios de conformidad 1.3.1 y 1.3.2 debido a usar caracteres de espacio en blanco para dar formato a tablas en contenido de texto sin formato
En resumen
Este fallo se produce cuando se «dibuja» una tabla en texto sin formato alineando las celdas con espacios y tabuladores. No hay forma de marcar encabezados, de asociarlos con los datos ni de navegar por celdas, y los lectores de pantalla leen las líneas de corrido mezclando columnas. Si el contenido es tabular, use una tecnología con marcado de tablas (como el elemento table de HTML) o preséntelo de forma lineal.
Aplicabilidad
Todas las tecnologías.
Descripción
El objetivo de esta técnica es describir cómo el uso de caracteres de espacio en blanco, como el espacio, el tabulador, el salto de línea o el retorno de carro, para dar formato a tablas en contenido textual constituye un fallo en el uso correcto de la estructura. Cuando las tablas se crean de esta manera no hay forma de indicar que una celda está pensada como celda de encabezado, ni de asociar las celdas de encabezado de la tabla con las celdas de datos, ni de navegar directamente a una celda concreta de la tabla.
Además, las tecnologías de asistencia interpretan el contenido en el orden de lectura del idioma en uso. Usar espacios en blanco para organizar los datos en una tabla visual no presenta la información en un orden de lectura natural en el código fuente del documento. Por tanto, quien usa tecnología de asistencia no recibirá la información en un orden de lectura lógico.
El texto sin formato no es adecuado para mostrar información compleja como las tablas, porque la estructura de la tabla no puede percibirse. En lugar de usar formato visual para representar relaciones tabulares, la información tabular tendría que presentarse mediante otra tecnología o de forma lineal.
Ejemplos
El siguiente ejemplo usa incorrectamente espacios en blanco para dar formato a un menú como si fuera una tabla visual.
Menu
Breakfast Lunch Dinner
Monday 2 fried eggs tomato soup garden salad
bacon hamburger Fried Chicken
toast onion rings green beans
Oatmeal cookie mashed potatoes
Tuesday Pancakes vegetable soup Caesar salad
sausage hot dogs Spaghetti with meatballs
orange juice potato salad Italian bread
brownie ice cream
Si un lector de pantalla interpretara y leyera en voz alta esta tabla, pronunciaría las siguientes líneas:
- Menu
- Breakfast Lunch Dinner
- Monday 2 fried eggs tomato soup garden salad
- bacon hamburger Fried Chicken
- toast onion rings green beans
- Oatmeal cookie mashed potatoes
Este orden de lectura no tiene sentido, ya que la tabla no tiene ninguna estructura que permita a la tecnología de asistencia identificarla como tabla. Si el texto se reajustara, se cambiara de una fuente de ancho fijo a una de ancho variable o se aumentara de tamaño hasta que las líneas dejaran de caber en la página, surgirían problemas similares en la presentación visual.
Pruebas
Procedimiento
- Examinar el documento en busca de tablas con formato visual.
- Comprobar si las tablas se han creado usando caracteres de espacio en blanco para disponer los datos tabulares.
Resultados esperados
- Si la comprobación n.º 2 es verdadera, se da esta condición de fallo y el contenido falla estos criterios de conformidad.
Cómo lo comprobamos en ADDAW
Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F34 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.
