Funciones de Accesibilidad

Funciones de Accesibilidad

SubLearn está diseñado con la accesibilidad como pilar fundamental. Estamos comprometidos a proporcionar una experiencia de aprendizaje inclusiva para todos los usuarios, independientemente de sus capacidades o las tecnologías de asistencia que utilicen. Nuestra plataforma sigue los estándares Web Content Accessibility Guidelines (WCAG) 2.1 Nivel AA para garantizar que el aprendizaje de idiomas sea accesible para todos.

Compatibilidad con Lectores de Pantalla

SubLearn es totalmente compatible con los lectores de pantalla más populares, incluyendo NVDA, JAWS, VoiceOver y TalkBack. Utilizamos HTML semántico y etiquetas completas ARIA (Aplicaciones de Internet Enriquecidas y Accesibles) en toda la plataforma para asegurar que todo el contenido y los elementos interactivos se anuncien correctamente a los usuarios de lectores de pantalla.

• HTML Semántico: Todo el contenido de las páginas está estructurado con una jerarquía adecuada de encabezados (h1, h2, h3, etc.), elementos semánticos (main, nav, article, section) y texto descriptivo en los enlaces.
• Etiquetas ARIA: Los campos de formulario, botones y regiones de contenido dinámico están etiquetados con atributos ARIA apropiados, incluyendo aria-label, aria-describedby y aria-live para actualizaciones en tiempo real.
• Texto Alternativo: Todas las imágenes, incluyendo miniaturas e iconos, incluyen texto alternativo descriptivo para transmitir su significado a los usuarios que no pueden verlas.
• Accesibilidad en Formularios: Todos los controles de formulario están correctamente asociados con etiquetas, los mensajes de error se anuncian y la retroalimentación de validación se proporciona claramente.

Navegación Completa por Teclado

Todas las funciones de SubLearn son completamente accesibles mediante navegación por teclado. No necesitas un ratón para usar ninguna parte de la plataforma:

• Navegación con Tab: Usa Tab y Shift+Tab para navegar por los elementos interactivos en un orden de lectura lógico.
• Atajos de Teclado: Accede a nuestra guía completa de atajos de teclado (presiona ? en cualquier lugar) para navegar, controlar la reproducción de vídeo, calificar tarjetas de memoria y más.
• Gestión del Foco: Los indicadores visuales de foco son claramente visibles en todos los elementos interactivos, para que siempre sepas dónde estás en la página.
• Contenido Saltable: Un enlace "Saltar al contenido principal" está disponible en la parte superior de cada página para omitir la navegación y saltar directamente al área principal de aprendizaje.
• Sin Trampas de Teclado: Los usuarios de teclado no pueden quedar atrapados en ningún elemento; el foco siempre puede moverse hacia adelante y hacia atrás a través de la interfaz.

Modo de Movimiento Reducido

Las animaciones y transiciones pueden ser molestas o causar malestar a algunos usuarios. SubLearn respeta la configuración de prefers-reduced-motion en tu dispositivo:

• Detección Automática: Si has habilitado "Reducir movimiento" o "Reducir animación" en la configuración de tu sistema operativo, SubLearn deshabilitará automáticamente las animaciones no esenciales.
• Transiciones de Página: Las animaciones de desvanecimiento y deslizamiento se deshabilitan en el modo de movimiento reducido.
• Elementos Interactivos: Los efectos al pasar el cursor y las microinteracciones siguen siendo funcionales pero sin movimiento innecesario.
• Animaciones Preservadas: La retroalimentación visual crítica (como los estados de los botones o indicadores de carga) continúa funcionando de manera efectiva.

Alto Contraste y Diseño Amigable para Daltónicos

El diseño de SubLearn tiene en cuenta el daltonismo y la sensibilidad al contraste:

• Independencia del Color: La información nunca se transmite únicamente por color. Por ejemplo, los errores de validación de formularios usan texto, iconos y color juntos.
• Alto Contraste: El texto y los elementos interactivos mantienen una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande, cumpliendo los estándares WCAG AA.
• Modo Oscuro: Hay disponible un modo oscuro de alto contraste para reducir la fatiga visual y mejorar la legibilidad en entornos con poca luz. Tanto el modo claro como el oscuro cumplen los requisitos de contraste de accesibilidad.
• Paleta para Daltónicos: Nuestros colores de acento y elementos de UI están elegidos para ser distinguibles por usuarios con daltonismo (deuteranopía, protanopía y tritanopía).

Tamaño de Texto y Legibilidad

SubLearn admite un tamaño de texto flexible y mantiene la legibilidad en todos los niveles de zoom:

• Zoom del Navegador: Puedes acercar y alejar usando Ctrl/Cmd + Más/Menos sin que el contenido se distorsione o se vuelva inutilizable.
• Tipografía Responsiva: Los tamaños de texto se escalan adecuadamente en dispositivos móviles, tablets y computadoras de escritorio.
• Altura de Línea y Espaciado: Alturas de línea generosas y espaciado entre letras mejoran la legibilidad y reducen la fatiga visual durante largas sesiones de estudio.
• Fuentes Legibles: Utilizamos fuentes claras y sans-serif con buena legibilidad en todos los tamaños.

Subtítulos y Transcripciones de Vídeo

Todos los vídeos en SubLearn incluyen subtítulos completos y transcripciones para usuarios que son sordos, tienen problemas de audición o prefieren el aprendizaje basado en texto:

• Generados Automáticamente y Revisados: Los subtítulos de vídeo se generan automáticamente y se revisan para garantizar su precisión.
• Múltiples Idiomas: Los subtítulos están disponibles en el idioma original del vídeo y en inglés.
• Control de Alternancia: Los usuarios pueden activar/desactivar fácilmente los subtítulos y ajustar la visualización de los mismos (presiona S o usa los controles del reproductor).
• Transcripciones Completas: Las transcripciones completas están disponibles para cada vídeo para usuarios que prefieren leer el contenido completo.

Indicadores de Foco y Retroalimentación Visual

Los indicadores de foco claros y visibles ayudan a los usuarios de teclado y a aquellos con discapacidades motoras a navegar por la interfaz:

• Anillo de Foco Visible: Un anillo de foco violeta brillante aparece alrededor de los botones, enlaces y campos de formulario cuando reciben el foco del teclado.
• Estados al Pasar el Cursor: Los botones y enlaces cambian claramente de apariencia cuando se pasa el cursor o reciben el foco.
• Claridad del Estado Deshabilitado: Los elementos deshabilitados son visualmente distintos y no se pueden interactuar con ellos.

Reportar Problemas de Accesibilidad

Tus comentarios nos ayudan a mejorar la accesibilidad para todos. Si encuentras alguna barrera de accesibilidad o tienes sugerencias para mejorar:

• Usa el formulario de Contactar Soporte y selecciona "Problema de Accesibilidad" como categoría.
• Envíanos un correo electrónico a [email protected] con detalles sobre la barrera y tu tecnología de asistencia.
• Incluye la URL de la página, la función específica afectada y cualquier mensaje de error que hayas encontrado.
• Nuestro objetivo es responder a los informes de accesibilidad dentro de las 24 horas y proporcionar una solución o alternativa rápidamente.

Recursos de Accesibilidad

Aprende más sobre accesibilidad web y tecnologías de asistencia:

• Directrices WCAG 2.1: Visita www.w3.org/WAI/WCAG21/quickref/ para conocer los estándares detallados de accesibilidad.
• WebAIM: webaim.org proporciona consejos prácticos para usar la web de forma accesible.
• Recursos de Tecnología de Asistencia: Organizaciones como la Fundación Americana para Ciegos ofrecen recursos para usuarios de tecnologías de asistencia.

SubLearn está comprometido con la mejora continua en accesibilidad. Auditamos regularmente nuestra plataforma contra los estándares de accesibilidad y damos la bienvenida a los comentarios de los usuarios para ayudarnos a servir mejor a todos los estudiantes. El aprendizaje de idiomas debe ser inclusivo y accesible para todos, y nos tomamos esa responsabilidad muy en serio.