Objetivo de la declaración de accesibilidad
El objetivo es el nivel AA de las Pautas de Accesibilidad para el Contenido Web, conocidas como WCAG 2.2 y publicadas por el W3C. El diseño y las comprobaciones de desarrollo se orientan a ese nivel. No se afirma conformidad sin completar las pruebas de cada plantilla de página, y esta declaración no equivale a una certificación.
Los componentes comparten criterios: controles que se puedan activar con teclado, áreas de interacción de al menos 44 píxeles, funciones que no dependan de arrastrar o mantener el puntero encima y mensajes de error que indiquen el campo afectado y cómo corregirlo. Por ejemplo, una acción disponible con el puntero también debe tener un control accesible desde el teclado.
Un diseño previsto no demuestra por sí solo que una persona pueda completar todas las tareas. Las comprobaciones deben abarcar tanto leer una lección como responder una tarjeta, cerrar un panel o reproducir un clip. El texto coreano introduce necesidades adicionales que se explican a continuación.
¿Cómo se presentan el coreano y el audio?
El coreano aparece como texto real, con la marca lang="ko" para permitir que un lector de pantalla cambie a una voz coreana y vuelva después al español. El hangul no se presenta únicamente dentro de imágenes. Las tablas del alfabeto coreano utilizan tablas HTML que permiten recorrer sus celdas.
La romanización revisada es una ayuda de lectura escrita con letras latinas. Un control permite mostrarla u ocultarla junto al hangul, para evitar escuchar las dos representaciones cuando solo quieres leer una. Ocultar la romanización no elimina el texto coreano ni lo convierte en una imagen; cambia qué ayuda adicional se presenta.
El audio sigue cuatro criterios:
- Reproducción voluntaria. Ningún clip empieza hasta que activas un botón. La metodología del audio explica cómo se prepara.
- Botones con nombres descriptivos. El nombre indica qué texto se reproduce; por ejemplo, «Reproducir 안녕하세요». Así se entiende el control incluso fuera del párrafo.
- Un clip cada vez. Iniciar otro clip detiene el anterior, para que no se superpongan voces.
- Texto equivalente. La palabra o la oración coreana permanece visible y sirve como transcripción del clip breve.
La marca de idioma ayuda, pero no garantiza que cualquier lector de pantalla pronuncie correctamente letras aisladas. La disponibilidad de voces coreanas y el comportamiento del programa deben comprobarse con pruebas reales. El siguiente apartado describe cómo recorrer los controles sin usar un puntero.
Teclado y atajos de las tarjetas
Todas las funciones están diseñadas para alcanzarse con teclado, con un indicador visible del foco y sin bloqueos que impidan salir de un control. El foco es la posición activa del teclado: permite saber qué botón recibiría una pulsación. Los mazos de tarjetas de hangul incluyen un panel de ayuda con sus atajos.
| Tecla | Acción prevista |
|---|---|
| Espacio o Intro | Mostrar la respuesta y después avanzar |
| Flechas izquierda y derecha | Tarjeta anterior y siguiente al explorar |
| 1 o 2 | Marcar «Todavía no» o «Lo sé» |
| P o A | Reproducir o repetir el audio |
| S | Reproducir el audio lento |
| R y T | Mostrar u ocultar romanización y traducción |
| ? | Abrir la ayuda de atajos |
| Esc | Cerrar preferencias o ayuda |
Los atajos de una sola tecla funcionan únicamente cuando el foco está dentro del mazo y fuera de un campo de texto. Se pueden desactivar en las preferencias, y cada acción dispone también de un botón visible. Escribir una letra en un campo no debe activar por accidente una función del mazo.
Las respuestas ocultas no se incorporan a la página hasta que se revelan, para que el lector de pantalla no las anuncie antes de tiempo. Una región dinámica que anuncia los cambios sin interrumpir comunica el número y el anverso de la tarjeta tras avanzar, como «Tarjeta 7 de 20». El anuncio permite situarte sin tener que buscar de nuevo el encabezado.
Para empezar con los controles, localiza un botón, comprueba su nombre, actívalo y verifica dónde queda el foco. Si no puedes abandonar un panel o el foco desaparece, comunica ese recorrido al sitio. Las mismas acciones deben seguir disponibles cuando cambias las preferencias de presentación.
¿Hay movimiento reducido y tema oscuro?
El diseño contempla ambas opciones. Cada animación tiene un estado final estático; con la preferencia de movimiento reducido del navegador o el control del sitio, los giros y desplazamientos de tarjetas se sustituyen por una aparición inmediata o una transición muy breve. Las animaciones de construcción de sílabas se detienen en la forma final.
El sitio ofrece un tema claro y otro oscuro. El tema oscuro utiliza una paleta propia y sigue la preferencia del sistema salvo que elijas otro. Las combinaciones de colores del texto, los límites de controles y los indicadores de foco están definidas para alcanzar las proporciones de contraste de WCAG 2.2 AA.
El significado no depende únicamente del color. Las fichas de consonante, vocal y consonante final llevan una letra; las respuestas correctas e incorrectas incluyen un icono y una palabra. Por eso una diferencia que se indica con color también debe poder reconocerse leyendo la etiqueta.
Las preferencias se guardan solo en tu navegador, como explica la política de privacidad. Cambiar de dispositivo no traslada automáticamente el tema elegido. Las opciones de presentación ayudan, pero no eliminan las limitaciones que aún requieren pruebas.
Limitaciones conocidas
La lista de limitaciones se actualizará con resultados de comprobaciones reales. Actualmente deben tenerse en cuenta los siguientes puntos:
- Auditoría pendiente. No se ha realizado una auditoría automática o manual del sitio terminado.
- Orden de trazos. Las animaciones son visuales y necesitan una descripción escrita de la secuencia; esa descripción puede faltar para algunas letras.
- Letras aisladas. Algunos lectores de pantalla podrían pronunciarlas de forma inadecuada porque están orientados a oraciones. Falta comprobarlo con VoiceOver y NVDA.
- Audio sintético. No se han documentado funciones adicionales de accesibilidad más allá del texto equivalente.
- Tablas en pantallas estrechas. Algunas pueden requerir desplazamiento horizontal dentro de una zona identificada.
La lectura de un texto y la realización de una actividad son tareas distintas. Una tabla puede resultar legible mientras el desplazamiento necesario para consultar otra columna plantea una barrera. Un botón puede tener un nombre y, aun así, dejar el foco en una posición inesperada. Las pruebas deben comprobar la tarea completa, no solo la existencia de etiquetas.
Una limitación conocida no justifica dejar una barrera sin atender. Si alguno de estos puntos te impide estudiar, el canal de contacto permite describir el problema para investigarlo. El procedimiento de comprobación siguiente distingue lo automático de lo manual.
Comprobaciones automáticas y manuales
Las comprobaciones previstas tienen dos capas; ninguna ha producido todavía resultados publicados. Durante la construcción se contemplan pruebas de accesibilidad con axe, recorridos de teclado y comprobaciones de enlaces en cada plantilla. Después se prevén pruebas manuales con teclado, lector de pantalla y ampliación al 200 por ciento.
Las pruebas automáticas detectan solo una parte de las barreras. No bastan para decidir si el orden de lectura resulta comprensible o si una persona sabe qué ocurrió después de responder. La comprobación manual debe recorrer una lección y sus actividades, además de revisar los controles por separado.
Los resultados se incorporarán a esta sección con fechas cuando estén disponibles. Hasta entonces, el objetivo WCAG y los criterios descritos deben entenderse como compromisos de diseño, sin atribuir pruebas a programas que aún no se han utilizado. Si encuentras una dificultad durante ese periodo, puedes comunicarla con un ejemplo concreto.
¿Cómo comunicar una barrera?
Para comunicar una barrera, escribe a contact@learn-korean-hangul.com o consulta la página de contacto. Un mensaje útil permite reproducir el recorrido y distinguir entre un problema de texto, de navegación o de un control interactivo.
- Indica la dirección de la página afectada.
- Explica qué intentabas hacer: leer una tabla, revelar una respuesta o cerrar la ayuda, por ejemplo.
- Describe qué te impidió completar la tarea y qué esperabas que ocurriera.
- Incluye el dispositivo, el navegador y la tecnología de apoyo utilizada.
- Si afecta a la ampliación, indica el nivel en el que aparece texto cortado o superpuesto.
No hace falta enviar tu progreso ni información personal que no ayude a entender la barrera. La página principal para aprender coreano ofrece el punto de entrada a las lecciones; la sección Acerca de Learn Korean Hangul reúne las demás explicaciones sobre el proyecto. Las preguntas siguientes aclaran funciones concretas y sus límites actuales.
Preguntas frecuentes
¿El sitio funciona con VoiceOver y NVDA?
El diseño utiliza encabezados reales, tablas, botones con nombres y marcas de idioma para facilitar su uso. Todavía no se han realizado pruebas con VoiceOver, NVDA u otros lectores de pantalla. Se prevén comprobaciones manuales por plantilla, cuyos resultados se incorporarán a la lista de limitaciones conocidas cuando estén disponibles.
¿Puedo ampliar el hangul sin romper el diseño?
El diseño prevé reorganizar el contenido hasta una anchura de 320 píxeles y evitar que las palabras coreanas se partan entre líneas. La ampliación del navegador y el aumento del tamaño del texto deben funcionar, pero falta la auditoría. Si aparecen superposiciones o texto cortado, comunica la página y el nivel de ampliación.
¿Los clips tienen una transcripción escrita?
Sí: el texto coreano que aparece junto al botón de reproducción sirve como transcripción de las palabras y oraciones breves. Los reproductores de diálogos también prevén una transcripción disponible en todo momento. Puedes consultar el texto sin escuchar el clip y volver a él después de reproducirlo las veces que necesites.
¿Existe un modo de alto contraste independiente?
No hay un modo de alto contraste separado. Los temas claro y oscuro usan combinaciones de colores definidas según las proporciones de contraste de WCAG 2.2 AA, y el significado no depende solo del color. Se prevé respetar los colores forzados de Windows, aunque todavía falta comprobar ese comportamiento.
Consulta sobre esta declaración de accesibilidad
Para preguntar por una función que no cubra esta declaración de accesibilidad, indica la página y la tarea que necesitas completar. Escribe a contact@learn-korean-hangul.com con una descripción del recorrido y la tecnología de apoyo utilizada.