Diferencia entre revisiones de «Principio 1/1.2 Medios basados en el tiempo/1.2.2-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 18: Línea 18:
   –
   –
   <span class="gravedad gravedad-grave">Barrera grave</span>
   <span class="gravedad gravedad-grave">Barrera grave</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-media">Barrera media</span>
</li>
</li>


|wcag_lista_discapacidades=
|wcag_lista_discapacidades=
[[Categoría:Discapacidad auditiva]]
[[Categoría:Discapacidad auditiva]]
[[Categoría:Discapacidad cognitiva]]


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=

Revisión del 16:48 4 nov 2025

1.2.2-A. Subtítulos grabados

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 grabado (no en directo) debe disponer de subtítulos sincronizados con la presentación multimedia donde se incluye toda la información auditiva relevante para su comprensión, excepto cuando dicho contenido multimedia se pueda considerar como una alternativa al contenido textual de la página.

Comprensión del criterio

Descripción resumida

El contenido de audio presente en vídeos grabados debe contar con subtítulos sincronizados que reflejen diálogos, identificación de voces y sonidos importantes, salvo que el vídeo sea claramente una alternativa a texto accesible ya disponible. Los subtítulos deben transmitir fielmente la información auditiva para que pueda ser comprendida sin necesidad de oírla.

Objetivo

Permitir que las personas con discapacidad auditiva accedan a la información contenida en el audio de vídeos grabados sin perder detalles relevantes, garantizando una experiencia informativa equivalente.

Importancia de cumplir el criterio

Sin subtítulos sincronizados, las personas sordas o con pérdida auditiva no pueden acceder al contenido transmitido por el audio. Los subtítulos garantizan que la información hablada y los sonidos relevantes sean accesibles, evitando barreras de acceso a contenidos educativos, informativos, culturales o de entretenimiento.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Reproducir el vídeo pregrabado.
  2. Paso 2. Verificar la existencia de subtítulos activables o integrados.
  3. Paso 3. Comprobar que incluyen diálogos, identificación de hablantes y sonidos significativos.
  4. Paso 4. Asegurar que están sincronizados con el audio y se mantienen visibles el tiempo necesario para ser leídos.
  5. Paso 5. Confirmar que el vídeo no es una alternativa a contenido textual ya ofrecido.

Resultado esperado

El vídeo grabado ofrece subtítulos completos, sincronizados y comprensibles que reflejan toda la información auditiva relevante.

Ejemplo ilustrativo

Ejemplo correcto:
<video controls>
  <source src="documental.mp4" type="video/mp4">
  <track src="subtitulos_documental.vtt" kind="captions" srclang="es" label="Subtítulos en español" default>
</video>


Otras herramientas de evaluación

Revisión manual de subtítulos y comparación con el audio.

Reproductores con controles de subtítulos.

Lector de pantalla para verificar acceso al control de subtítulos.










Ejemplos accesibles y no accesibles creados por alumnos

<!DOCTYPE html> Formulario de Reserva - NO Accesible 3.3.2-C

⚠️ PROBLEMA 3.3.2-C: Este formulario NO tiene etiquetas ni instrucciones claras

Reserva de Hotel

⚠️ Problemas de este formulario:
  • No hay etiquetas <label> para ningún campo
  • Algunos placeholders son ambiguos ("Código" - ¿qué código?)
  • No se indica qué campos son obligatorios
  • No hay instrucciones sobre el formato esperado
  • El select dice "Selecciona" pero ¿seleccionar qué?
  • Un campo no tiene ni placeholder ni etiqueta (campo de email)
  • No hay indicación de formato de fecha específico
  • No se explica para qué sirve cada campo

<!DOCTYPE html> Formulario de Reserva - ACCESIBLE 3.3.2-C

✅ ACCESIBLE 3.3.2-C: Este formulario tiene etiquetas e instrucciones claras

Reserva de Hotel

Complete el siguiente formulario para reservar su estadía

Nota: Los campos marcados con * son obligatorios

Ingrese su nombre tal como aparece en su documento de identidad

Enviaremos la confirmación de reserva a este correo

Incluya el código de país (Ej: +34 para España)

¿Cuántas personas se alojarán?

Formato: DD/MM/AAAA (Ej: 15/02/2025)

Formato: DD/MM/AAAA (Ej: 20/02/2025)

Seleccione el tipo de habitación que prefiere

Si tiene un código promocional, ingréselo aquí

Indique cualquier necesidad especial o preferencia (cama extra, piso bajo, accesibilidad, etc.)

✅ Implementación correcta:
  • Cada campo tiene una etiqueta <label> clara asociada
  • Los campos obligatorios están claramente marcados con *
  • Hay instrucciones específicas sobre formato y contenido esperado
  • Los selectores tienen opciones descriptivas, no ambiguas
  • Se explica el propósito de cada campo cuando no es obvio
  • Se proporcionan ejemplos en los placeholders
  • Hay una nota inicial explicando la convención de campos obligatorios
  • Se usan atributos ARIA apropiados (aria-required, aria-describedby)

Comentarios

A continuación se muestran comentarios sobre el criterio 1.2.2-A. Subtítulos grabados

Loading comments...