Fallo común Fallos comunes WCAG 2.2

F48Fallo del criterio de conformidad 1.3.1 debido a usar el elemento pre para marcar información tabular

En resumen

Este fallo se da cuando se presentan datos en filas y columnas usando texto preformateado (pre) alineado con espacios o tabuladores en lugar de una tabla HTML. La alineación visual se pierde para quien usa un lector de pantalla o cambia la presentación, de modo que ya no se sabe qué dato corresponde a cada encabezado. Horarios, resultados o listados con columnas deben marcarse siempre con table, th y td.

Aplicabilidad

HTML

Descripción

Este documento describe un fallo causado por el uso del elemento pre de HTML para marcar información tabular. El elemento pre conserva únicamente el formato visual. Si se usa el elemento pre para marcar información tabular, las relaciones lógicas que se dan a entender visualmente entre las celdas de la tabla y los encabezados se pierden si el usuario no puede ver la pantalla o si la presentación visual cambia de forma significativa.

En cambio, el elemento table de HTML está pensado para presentar datos tabulares. Las tecnologías de asistencia usan la estructura de una tabla HTML para presentar los datos al usuario de forma lógica. Esta estructura no está disponible cuando se usa el elemento pre.

Ejemplos

Un horario formateado con tabuladores entre las columnas

<pre>
         Monday   Tuesday     Wednesday      Thursday         Friday
8:00-
9:00	          Meet with Sam
9:00-
10:00    		      Dr. Williams   Sam again        Leave for San Antonio
</pre>

Resultados electorales mostrados mediante texto preformateado

<pre>
         CIRCUIT COURT JUDGE BRANCH 3
                                                           W
                                                            R
                                                   M R E     I
                                                    A . L     T
                                              M L    R   B     E
                                               I A    Y   E     -
                                                K N        R     I
                                                 E G        T     N
                                                -----   -----   -----
         0001 TOWN OF ALBION WDS 1-2               22      99       0
         0002 TOWN OF BERRY WDS 1-2                52     178       0
         0003 TOWN OF BLACK EARTH                  16      49       0
         0004 TOWN OF BLOOMING GROVE WDS 1-3       44     125       0
         0005 TOWN OF BLUE MOUNDS                  33     117       0
         0006 TOWN OF BRISTOL WDS 1-3             139     639       1
         0007 TOWN OF BURKE WDS 1-4                80     300       0
         0008 TOWN OF CHRISTIANA WDS 1-2           22      50       0
</pre>

Pruebas

Procedimiento

Comprobar si se usa el elemento pre
Para cada aparición del elemento pre, comprobar si la información que contiene es tabular.

Resultados esperados

Si la comprobación n.º 2 es verdadera, se da esta condición de fallo y el contenido falla el criterio 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.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F48 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.