Guías de Accesibilidad

Recomendaciones básicas

👁️

Accesibilidad para personas con discapacidad visual

Este tipo de accesibilidad incluye usuarios con baja visión, ceguera total, daltonismo o sensibilidad al contraste. Los sitios deben ser perceptibles mediante texto, estructura y alternativas visuales adecuadas.

Recomendaciones principales

  • Usar encabezados en orden lógico (h1 → h2 → h3).
  • Agregar texto alternativo útil en todas las imágenes.
  • Garantizar contraste AA o AAA según WCAG.
  • Permitir zoom hasta 200% sin romper el diseño.
  • Evitar texto incrustado dentro de imágenes.

Errores frecuentes

⚠ Texto gris muy claro en fondos claros. ⚠ Imágenes importantes sin alt. ⚠ Títulos fuera de orden (saltarse de h1 a h4). ⚠ Texto pequeño sin opción de aumento.

Ejemplo accesible

Dibujo de una persona ciega usando una laptop con su perro guía
🔊

Accesibilidad para personas con discapacidad auditiva

Los usuarios con discapacidad auditiva pueden presentar pérdida parcial, total o sensibilidad reducida al sonido. Para ellos, todo contenido audible debe contar con alternativas textuales claras y sincronizadas.

Recomendaciones principales

  • Agregar subtítulos sincronizados en todos los videos y clips de audio.
  • Incluir transcripciones completas de contenido multimedia.
  • Mostrar mensajes visuales cuando ocurra una alerta o notificación.
  • No depender únicamente del audio para transmitir instrucciones.
  • Asegurar que los subtítulos describan sonidos importantes (risas, música, explosiones).
  • Evitar música de fondo muy alta que dificulte la lectura o comprensión del video.

Errores frecuentes

⚠ Videos sin subtítulos o subtítulos automáticos incorrectos.
⚠ Transcripciones pobres que omiten contexto o diálogos secundarios.
⚠ Indicaciones como “haz clic cuando escuches el sonido” sin alternativa visual.
⚠ Avisos importantes que solo emiten sonido sin texto en pantalla.

Ejemplo accesible

🖐️

Accesibilidad para personas con discapacidad motora o kinestésica

Este grupo incluye usuarios con limitaciones de movilidad fina, temblores, dificultad al realizar clics precisos o dependencia de dispositivos como teclado, switches o tecnologías de asistencia. El diseño debe minimizar tareas complejas y ofrecer alternativas amigables.

Recomendaciones principales

  • Permitir el uso completo del sitio usando solo teclado.
  • Evitar objetivos táctiles muy pequeños (mínimo recomendado: 44px × 44px).
  • Dar tiempo suficiente para completar formularios o acciones.
  • Evitar gestos complejos: arrastrar, mantener presionado, rotar, etc.
  • Usar botones grandes, espaciados y con estados de foco visibles.
  • Permitir navegación lineal clara para usuarios con switches.

Errores frecuentes

⚠ Botones ultrapequeños difíciles de presionar.
⚠ Formularios que se cierran al mover el cursor por accidente.
⚠ Carruseles que requieren arrastrar para moverse.
⚠ Falta de estados de foco visibles en elementos interactivos.
⚠ Enlaces muy juntos que provocan clics erróneos.

Ejemplo accesible