Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.1-J»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
__TOC__
{{CriterioWCAG
== '''1.3.1-J. Uso de summary ''' ==
|id_wcag_criterio=1.3.1
<!--
|id_wcag_subcriterio=1.3.1-J
   Análisis interno:
|wcag_titulo_criterio=1.3.1-J. Uso de summary en tablas de datos
   Este criterio impacta principalmente a: Personas con discapacidad visual total
|wcag_nivel=A
  Problema grave: Si el atributo summary de la tabla no describe correctamente su organización o uso, los lectores de pantalla no pueden interpretar los datos correctamente.
|wcag_version=2.2
-->
|wcag_principio=1_Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.3_Adaptable
|wcag_pauta_url=Principio_1/1.3_Adaptable
|wcag_grupo=Estructura y relaciones
|wcag_subgrupo=Resumen de tabla (summary)
 
|wcag_discapacidades=
<li class="discapacidad-item">
  [[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="gravedad gravedad-grave">Barrera grave</span>
</li>
 
<li class="discapacidad-item">
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
   <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
   <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
 
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  <span class="gravedad gravedad-leve">Barrera leve</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad cognitiva]]
 
|wcag_texto_criterioOAW=
En las tablas de datos que disponen de un atributo summary, dicho atributo debe describir la organización de la tabla o explicar cómo se usa.
 
|wcag_descripcion_resumida=
Si una tabla incluye el atributo `summary` (obsoleto en HTML5), este debe proporcionar una descripción clara de cómo están organizados los datos o cómo se debe navegar por la tabla.
 
|wcag_objetivo=
Proporcionar una visión general para ayudar a las personas usuarias, especialmente quienes utilizan lectores de pantalla, a entender la estructura y organización de una tabla compleja antes de interactuar con ella.
 
|wcag_importancia=
Un `summary` adecuado orienta a los usuarios sobre la estructura de una tabla compleja, facilitando su comprensión y navegación cuando se accede con tecnologías de apoyo.
 
|wcag_referencias=
<ul>
<li>H73: Using the summary attribute of the table element to give an overview of data tables</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Simplificar la tabla si es posible</li>
<li>El atributo summary está obsoleto en HTML5</li>
<li>Usarlo únicamente si existe en código heredado</li>
</ul>
 
<html>
<html>
<!-- criterio 1.3.1-J -->
<iframe width="100%" height="400"
<article class="wcag-card">
        src="https://www.youtube.com/embed/8E4jh9qU_Js"
  <section class="wcag-info">
        title="Tablas accesibles y atributos de ayuda: resumen para navegación"
    <ul>
        frameborder="0"
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
        allowfullscreen>
      <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li>
</iframe>
      <li><span class="label">Pauta:</span><span class="value">1.3 Crear contenido adaptable</span></li>
</html>
      <li><span class="label">Categoría:</span><span class="value">Estructura</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Resumen de tabla</span></li>
    </ul>
  </section>


  <section class="wcag-users">
|wcag_tipo_evaluacion=Comprobación manual
    <p>Usuarios más afectados</p>
 
    <ul>
|wcag_pasos_evaluacion=
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></li>
<ol class="paso-list">
      <li><img src="/images/b/b7/Bajavision.png" alt="Icono baja visión" class="icono-discapacidad" /> Personas con baja visión – <span class="gravedad">Barrera moderada</span></li>
<li>Identificar tablas complejas en la página.</li>
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera leve</span></li>
<li>Si existe el atributo `summary`, inspeccionar su contenido.</li>
    </ul>
<li>Comprobar que describe la estructura de la tabla o la forma de navegarla.</li>
  </section>
</ol>
</article>
 
</html>
|wcag_resultado_evaluacion=
Si el atributo `summary` está presente, proporciona una descripción adecuada de la estructura de la tabla o de su uso.
 
|wcag_ejemplo_evaluacion=
Ejemplo correcto:
<pre class="wcag-codigo-html">
<table summary="Esta tabla muestra las ventas trimestrales organizadas por producto y región.">
...
</table>
</pre>
 
Ejemplo incorrecto:
<pre class="wcag-codigo-html">
<table summary="Tabla de datos">
...
</table>
</pre>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Inspección del navegador</li>
</ul>
 
}}

Revisión del 18:28 4 nov 2025

1.3.1-J. Uso de summary en tablas de datos

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • En las tablas de datos que disponen de un atributo summary, dicho atributo debe describir la organización de la tabla o explicar cómo se usa.

Comprensión del criterio

Descripción resumida

Si una tabla incluye el atributo `summary` (obsoleto en HTML5), este debe proporcionar una descripción clara de cómo están organizados los datos o cómo se debe navegar por la tabla.

Objetivo

Proporcionar una visión general para ayudar a las personas usuarias, especialmente quienes utilizan lectores de pantalla, a entender la estructura y organización de una tabla compleja antes de interactuar con ella.

Importancia de cumplir el criterio

Un `summary` adecuado orienta a los usuarios sobre la estructura de una tabla compleja, facilitando su comprensión y navegación cuando se accede con tecnologías de apoyo.

Referencias WCAG

  • H73: Using the summary attribute of the table element to give an overview of data tables

Recursos de apoyo

  • Simplificar la tabla si es posible
  • El atributo summary está obsoleto en HTML5
  • Usarlo únicamente si existe en código heredado

Evaluación del criterio

Tipo de evaluación

Evaluación Comprobación manual

Procedimiento de evaluación

  1. Identificar tablas complejas en la página.
  2. Si existe el atributo `summary`, inspeccionar su contenido.
  3. Comprobar que describe la estructura de la tabla o la forma de navegarla.

Resultado esperado

Si el atributo `summary` está presente, proporciona una descripción adecuada de la estructura de la tabla o de su uso.

Ejemplo

Ejemplo correcto: 
<table summary="Esta tabla muestra las ventas trimestrales organizadas por producto y región.">
 ...
</table>

Ejemplo incorrecto: 

<table summary="Tabla de datos">
 ...
</table>

Otras herramientas de evaluación

  • Inspección del navegador










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-J. Uso de summary en tablas de datos

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable/1.3.1-J&oldid=3324»