Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.1-F»
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 4 ediciones intermedias del mismo usuario) | |||
| Línea 4: | Línea 4: | ||
|wcag_titulo_criterio=1.3.1-F. Tablas estructuradas | |wcag_titulo_criterio=1.3.1-F. Tablas estructuradas | ||
|wcag_nivel=A | |wcag_nivel=A | ||
|wcag_version=2. | |wcag_version=2.0 | ||
|wcag_principio=1_Perceptible | |wcag_principio=1_Perceptible | ||
|wcag_principio_url=Principio_1 | |wcag_principio_url=Principio_1 | ||
| Línea 16: | Línea 16: | ||
[[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]] | [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]] | ||
<span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> – | <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> – | ||
<span class="gravedad gravedad- | <span class="gravedad gravedad-grave">Barrera grave</span> | ||
</li> | </li> | ||
| Línea 22: | Línea 22: | ||
[[Archivo:Sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]] | [[Archivo:Sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]] | ||
<span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span> – | <span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span> – | ||
<span class="gravedad gravedad- | <span class="gravedad gravedad-grave">Barrera grave</span> | ||
</li> | </li> | ||
| Línea 47: | Línea 47: | ||
|wcag_referencias= | |wcag_referencias= | ||
<ul> | <ul> | ||
<li><span lang="en"> | <li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/html/H51 H51:Using table markup to present tabular information]</span></li> | ||
<li><span lang="en"> | <li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F34 F34:Failure due to formatting tables with white space characters]</span></li> | ||
<li><span lang="en"> | <li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F48 F48:Failure due to using <pre> element for tabular data]</span></li> | ||
</ul> | </ul> | ||
|wcag_recursos= | |wcag_recursos= | ||
<ul> | <ul> | ||
<li>Usar etiquetas (<code><nowiki><table></nowiki></code>,<code><nowiki>< | <li>Usar etiquetas (<code><nowiki><table></nowiki></code>,<code><nowiki><th></nowiki></code>, <code><nowiki><tr></nowiki></code>,<code><nowiki><td></nowiki></code>) para datos tabulares presentados en tabla</li> | ||
<li>Evitar combinar celdas para mejorar comprensión y accesibilidad</li> | <li>Evitar combinar celdas para mejorar comprensión y accesibilidad</li> | ||
</ul> | </ul> | ||
| Línea 95: | Línea 95: | ||
<li> | <li> | ||
<strong> Bookmarklet </strong> | <strong> Bookmarklet </strong> | ||
[https://a11y-tools.com/bookmarklets/#getTableData Get table data] | [https://a11y-tools.com/bookmarklets/#getTableData Get table data] pemite obtener los datos de una tabla. | ||
</li> | </li> | ||
<li><strong>Web developer Toolbar</strong> | |||
Tiene la opción de ''' outline - outline table''' que permite mostrar donde estan situadas las tablas y luego mirar que codigo HTML presentan</li> | |||
<li><strong>Inspección del navegador</strong> | <li><strong>Inspección del navegador</strong> | ||
Observar si elementos que visualmente son tablas están marcados como tañ en el código fuente</li> | Observar si elementos que visualmente son tablas están marcados como tañ en el código fuente</li> | ||
Revisión actual - 07:11 5 nov 2025
1.3.1-F. Tablas estructuradas
- Nivel: A
- Versión: 2.0
- Principio: 1_Perceptible
- Pauta: 1.3_Adaptable
- Grupo: Estructura y relaciones
- Subgrupo: Tablas de datos
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total –
Barrera grave
-
Sordoceguera –
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- La información tabular se debe estructurar mediante elementos de tablas de datos (
<table>,<tr>,<th>,<td>).
Comprensión del criterio
Descripción resumida
La información tabular debe estar marcada con etiquetas semánticas de tabla.
Esto permite que los usuarios de lectores de pantalla comprendan correctamente la estructura y relaciones entre los datos.
Objetivo
Garantizar que los lectores de pantalla puedan interpretar correctamente las relaciones entre encabezados y celdas de datos al usar marcado de tablas (
<table>,<tr>, <th>,<td>).Importancia de cumplir el criterio
Las tablas mal estructuradas o simuladas visualmente rompen la interpretación del contenido para los usuarios con discapacidad visual y otros usuarios que dependen de tecnologías de apoyo.
Referencias WCAG
Recursos de apoyo
- Usar etiquetas (
<table>,<th>,<tr>,<td>) para datos tabulares presentados en tabla - Evitar combinar celdas para mejorar comprensión y accesibilidad
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
Usa la herramienta de Wave.
- Paso 1. Seleccionar Details – Structural elements.
- Paso 2. Comprobar que la información tabular se identifica en la herramienta mediante elementos data table.
Resultado esperado
La información tabular está estructurada correctamente con codigo HTML
<table>,<tr>, <th>,<td>Ejemplo
Se presenta un codigo con etiquetas HTML correctas para incluir una tabla.
<table> <tr> <th>Producto</th> <th>Precio</th> </tr> <tr> <td>Café</td> <td>2€</td> </tr> </table>
Otras herramientas de evaluación
- Bookmarklet Get table data pemite obtener los datos de una tabla.
- Web developer Toolbar Tiene la opción de outline - outline table que permite mostrar donde estan situadas las tablas y luego mirar que codigo HTML presentan
- Inspección del navegador Observar si elementos que visualmente son tablas están marcados como tañ en el código fuente
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.3.1-F. Tablas estructuradas
Loading comments...
