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

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-K. Evitar duplicar caption y summary ''' ===
|id_wcag_criterio=1.3.1
|id_wcag_subcriterio=1.3.1-K
|wcag_titulo_criterio=1.3.1-K. Evitar duplicar caption y summary
|wcag_nivel=A
|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=Caption y 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 contienen tanto el elemento &lt;caption&gt; como el atributo summary, el contenido de ambos no debe estar duplicado.
 
|wcag_descripcion_resumida=
Si una tabla incluye &lt;caption&gt; y el atributo `summary`, el texto de ambos no puede ser idéntico. El &lt;caption&gt; identifica la tabla y el `summary` describe su organización o cómo navegarla en caso de ser necesaria esa información.
 
|wcag_objetivo=
Evitar que las tecnologías de apoyo anuncien información redundante, lo que puede provocar confusión y sobrecarga cognitiva. Cada elemento debe aportar información distinta y útil.
 
|wcag_importancia=
La duplicación del título y del resumen causa experiencias repetitivas para usuarios de lectores de pantalla, afectando la comprensión y la eficiencia en la navegación. El &lt;caption&gt; es breve; el `summary` debe aportar un contexto diferente y funcional.
 
|wcag_referencias=
<ul>
<li>H73: Using the summary attribute to describe the organization of data tables</li>
</ul>
 
|wcag_recursos=
<ul>
<li>El atributo `summary` está obsoleto en HTML5, pero puede aparecer en contenido heredado</li>
<li>Usar &lt;caption&gt; para el título y descripción separada si es necesaria</li>
</ul>


<!-- 
  Análisis interno:
  Este criterio impacta principalmente a: Personas con discapacidad visual total 
  Problema grave: Duplicar caption y summary genera redundancia innecesaria y confusión en lectores de pantalla. 
-->
<html>
<html>
<!-- criterio 1.3.1-K -->
<iframe width="100%" height="400"
<article class="wcag-card">
        src="https://www.youtube.com/embed/8E4jh9qU_Js"
  <section class="wcag-info">
        title="Tabla accesible: diferencias entre caption y summary"
    <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">Caption y summary</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>Localizar tablas con &lt;caption&gt; y `summary`.</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>Revisar el contenido de ambos elementos.</li>
    </ul>
<li>Verificar que el `summary` aporta información adicional y no repite el &lt;caption&gt;.</li>
  </section>
</ol>
</article>
 
</html>
|wcag_resultado_evaluacion=
El contenido del &lt;caption&gt; y el `summary` no es idéntico. Cada uno cumple su función y aporta información distinta.
 
|wcag_ejemplo_evaluacion=
Ejemplo correcto:
<pre class="wcag-codigo-html">
<table summary="Esta tabla resume las compras mensuales por departamento.">
<caption>Compras por mes y departamento</caption>
...
</table>
</pre>
 
Ejemplo incorrecto:
<pre class="wcag-codigo-html">
<table summary="Compras por mes y departamento">
<caption>Compras por mes y departamento</caption>
...
</table>
</pre>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Inspección del navegador</li>
<li>Lector de pantalla</li>
</ul>
 
}}

Revisión del 18:29 4 nov 2025

1.3.1-K. Evitar duplicar caption y summary

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 contienen tanto el elemento <caption> como el atributo summary, el contenido de ambos no debe estar duplicado.

Comprensión del criterio

Descripción resumida

Si una tabla incluye <caption> y el atributo `summary`, el texto de ambos no puede ser idéntico. El <caption> identifica la tabla y el `summary` describe su organización o cómo navegarla en caso de ser necesaria esa información.

Objetivo

Evitar que las tecnologías de apoyo anuncien información redundante, lo que puede provocar confusión y sobrecarga cognitiva. Cada elemento debe aportar información distinta y útil.

Importancia de cumplir el criterio

La duplicación del título y del resumen causa experiencias repetitivas para usuarios de lectores de pantalla, afectando la comprensión y la eficiencia en la navegación. El <caption> es breve; el `summary` debe aportar un contexto diferente y funcional.

Referencias WCAG

  • H73: Using the summary attribute to describe the organization of data tables

Recursos de apoyo

  • El atributo `summary` está obsoleto en HTML5, pero puede aparecer en contenido heredado
  • Usar <caption> para el título y descripción separada si es necesaria

Evaluación del criterio

Tipo de evaluación

Evaluación Comprobación manual

Procedimiento de evaluación

  1. Localizar tablas con <caption> y `summary`.
  2. Revisar el contenido de ambos elementos.
  3. Verificar que el `summary` aporta información adicional y no repite el <caption>.

Resultado esperado

El contenido del <caption> y el `summary` no es idéntico. Cada uno cumple su función y aporta información distinta.

Ejemplo

Ejemplo correcto: 
<table summary="Esta tabla resume las compras mensuales por departamento.">
 <caption>Compras por mes y departamento</caption>
 ...
</table>

Ejemplo incorrecto: 

<table summary="Compras por mes y departamento">
 <caption>Compras por mes y departamento</caption>
 ...
</table>

Otras herramientas de evaluación

  • Inspección del navegador
  • Lector de pantalla










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-K. Evitar duplicar caption y summary

Loading comments...




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