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

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 4 ediciones intermedias del mismo usuario)
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-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>
   <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
</li>


|wcag_lista_discapacidades=
|wcag_lista_discapacidades=
[[Categoría:Visual total]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad sordoceguera]]
 


|wcag_texto_criterioOAW=
|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.
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=
|wcag_descripcion_resumida=
Línea 48: Línea 56:
No hay
No hay


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Semiautomática


|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
Línea 61: Línea 69:


|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
Ejemplo accesible:
<div class="accessibility-card">
 
Se explica que contiene la imagen.
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<img src="test_musical.jpg" alt="Ejercicio: Identificar notas musicales">
<img src="test_musical.jpg" alt="Ejercicio: Identificar notas musicales">
</pre>
</pre>
</div>


|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<li>
<strong>Bookmarklet para ver ALT:</strong><br>
<strong>Bookmarklet para ver ALT:</strong><br>


Línea 80: Línea 91:
</div>
</div>
</html>
</html>
 
</li>
<li>
<strong>Lector de pantalla:</strong> JAWS, NVDA, VoiceOver — verificar comprensión básica del contenido sensorial
<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
<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...