Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-I»

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
 
(No se muestran 26 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
=== '''1.1.1-I. Alternativa breve para contenido sensorial ''' ===
{{CriterioWCAG
|id_wcag_criterio=1.1.1
|id_wcag_subcriterio=1.1.1-I
|wcag_titulo_criterio=1.1.1-I. Alternativa breve para contenido sensorial
|wcag_nivel=A
|wcag_version=2.0
|wcag_principio=1_Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.1_Textos_alternativos
|wcag_pauta_url=Principio_1/1.1_Texto_Alternativo
|wcag_grupo=Contenido
|wcag_subgrupo=No-texto
 
|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:sordoceguera.png|20px|class=icon-discapacidad|alt=Discapacidad sordoceguera]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad sordoceguera|Sordoceguera]]</span>
  –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
 
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad sordoceguera]]
 
 
|wcag_texto_criterioOAW=
El contenido multimedia, sensorial o difícil de representar en texto debe incluir al menos una alternativa breve que identifique su contenido.
 
|wcag_descripcion_resumida=
Si un contenido genera una experiencia sensorial (como música, vídeo artístico o actividades auditivas/visuales interactivas) y no es posible describirlo completamente, debe incluirse una breve etiqueta que indique de qué trata y el objetivo del contenido.
 
Ejemplo: 
<code>alt="Ejercicio musical: identificar notas"</code>
 
|wcag_objetivo=
Permitir que las personas que no pueden percibir contenido sensorial sepan qué tipo de contenido es, para decidir si desean interactuar con él o buscar alternativas accesibles.
 
|wcag_importancia=
Sin una alternativa breve, el usuario no sabe qué hay allí (ej. un vídeo, un ejercicio auditivo, un contenido artístico) y no puede comprender ni decidir si desea interactuar o buscar acceso alternativo.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html Understanding Success Criterion 1.1.1: Non-text Content]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G100 Technique G100 – Providing a short text alternative]</span></li>
</ul>
 
|wcag_recursos=
No hay
 
|wcag_tipo_evaluacion=Semiautomática
 
|wcag_pasos_evaluacion=
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].'''
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Seleccionar '''Images – Display alt attributes'''.</li>
<li><span class="paso-badge">Paso 2.</span> Verificar que los contenidos de esta categoría disponen de una alternativa textual adecuada.</li>
</ol>
 
|wcag_resultado_evaluacion=
El contenido sensorial cuenta con un texto alternativo breve que describe su propósito y permite a los usuarios comprender de qué trata y decidir si desean interactuar con él.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Se explica que contiene la imagen.
<pre class="wcag-codigo-html">
<img src="test_musical.jpg" alt="Ejercicio: Identificar notas musicales">
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>
<strong>Bookmarklet para ver ALT:</strong><br>
 
<html>
<html>
<!-- criterio 1.1.1-I -->
<div class="highlight-box">
<article class="wcag-card">
Arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver los textos alternativos de otras páginas.
  <section class="wcag-info">
<br/>
    <ul>
<a class="bookmarklet-button"
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
href="javascript:(function(){document.querySelectorAll('img').forEach(img=>{let altText=img.getAttribute('alt');if(altText){img.style.border='2px solid blue';}else{img.style.border='2px solid red';altText='Sin texto alternativo';}let label=document.createElement('div');label.textContent='[ALT: '+altText+']';label.style.position='absolute';label.style.background='yellow';label.style.padding='5px';label.style.fontSize='12px';let rect=img.getBoundingClientRect();label.style.top=(window.scrollY+rect.top-20)+'px';label.style.left=(window.scrollX+rect.left)+'px';document.body.appendChild(label);});})();">
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
Ver ALT de imágenes
      <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li>
</a>
      <li><span class="label">Pauta:</span><span class="value">1.1 Textos alternativos</span></li>
</div>
      <li><span class="label">Categoría:</span><span class="value">Contenido</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">No-texto</span></li>
    </ul>
  </section>
  <section class="wcag-users">
    <p>Usuarios más afectados</p>
    <ul>
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" />
      <span>Personas con discapacidad visual total - <span class="gravedad">grave</span></span></li>
    </ul>
  </section>
</article>
 
<!--
Análisis: 1.1.1-I
- Discapacidad: Personas con discapacidad visual total
- Problema: Contenido multimedia, sensorial o ejercicios sin alternativa textual impide la comprensión y acceso.
- Gravedad: Grave
-->
</html>
</html>
</li>
<li>
<strong>Lector de pantalla:</strong> JAWS, NVDA, VoiceOver — verificar comprensión básica del contenido sensorial
</li>
<li>
<strong>Inspector del navegador:</strong> comprobar atributo <code>alt</code> en imágenes que presenten contenido sensorial
</li>
</ul>
}}

Revisión actual - 17:55 4 nov 2025

1.1.1-I. Alternativa breve para contenido sensorial

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)

  • El contenido multimedia, sensorial o difícil de representar en texto debe incluir al menos una alternativa breve que identifique su contenido.

Comprensión del criterio

Descripción resumida

Si un contenido genera una experiencia sensorial (como música, vídeo artístico o actividades auditivas/visuales interactivas) y no es posible describirlo completamente, debe incluirse una breve etiqueta que indique de qué trata y el objetivo del contenido.

Ejemplo:

alt="Ejercicio musical: identificar notas"

Objetivo

Permitir que las personas que no pueden percibir contenido sensorial sepan qué tipo de contenido es, para decidir si desean interactuar con él o buscar alternativas accesibles.

Importancia de cumplir el criterio

Sin una alternativa breve, el usuario no sabe qué hay allí (ej. un vídeo, un ejercicio auditivo, un contenido artístico) y no puede comprender ni decidir si desea interactuar o buscar acceso alternativo.

Referencias WCAG

Recursos de apoyo

No hay

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

Usa la herramienta de Web Developer Toolbar.
  1. Paso 1. Seleccionar Images – Display alt attributes.
  2. Paso 2. Verificar que los contenidos de esta categoría disponen de una alternativa textual adecuada.

Resultado esperado

El contenido sensorial cuenta con un texto alternativo breve que describe su propósito y permite a los usuarios comprender de qué trata y decidir si desean interactuar con él.

Ejemplo

Se explica que contiene la imagen. 

<img src="test_musical.jpg" alt="Ejercicio: Identificar notas musicales">

Otras herramientas de evaluación

  • Bookmarklet para ver ALT:
    Arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver los textos alternativos de otras páginas.
    Ver ALT de imágenes
  • Lector de pantalla: JAWS, NVDA, VoiceOver — verificar comprensión básica del contenido sensorial
  • Inspector del navegador: comprobar atributo alt en imágenes que presenten contenido sensorial










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.1.1-I. Alternativa breve para contenido sensorial

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-I&oldid=3302»