Accesibilidad en LearnPAck

Al discutir sobre accesibilidad, es importante referirse a estándares web como las Pautas de Accesibilidad para el Contenido Web (WCAG), que proporcionan buenas prácticas para hacer que el contenido de las páginas web sea comprensible para todos, independientemente del agente de usuario. LearnPack considera estas pautas y se esfuerza continuamente por mejorar la experiencia del usuario, haciéndola más fácil de entender.

Colores y Contraste

El color de texto principal en LearnPack es negro, establecido sobre un fondo blanco. Esto produce una relación de contraste de 21:1, adhiriéndose a las pautas de color establecidas tanto en WCAG AAA como en WCAG AA.

• Verifica el contraste aquí: Contraste de LearnPack

Tamaños de Fuente y Legibilidad

Los tamaños de fuente en LearnPack son lo suficientemente grandes como para cumplir con las prácticas recomendadas de WCAG. Para el contenido de las lecciones, LearnPack utiliza un tamaño de texto mínimo de 16 píxeles, aumentando 4 píxeles para h3, otros 4 píxeles para h2, y 3 píxeles adicionales para h1. Dado que el contenido de la lección está escrito en markdown y convertido a HTML, las imágenes siempre incluyen texto alternativo, adhiriéndose a las pautas para la legibilidad del contenido no textual. Otras buenas prácticas seguidas para la legibilidad del texto incluyen:

• No Justificación: Se recomienda no justificar el texto para evitar espaciado irregular y mejorar la legibilidad.
• Evitar el Uso Excesivo de Mayúsculas: Minimizar el uso de letras mayúsculas, ya que es antinatural y puede cansar la vista.
• Espaciado de Párrafos: Es aconsejable usar un espacio entre párrafos que sea de 1.5 a 2 veces el tamaño de la fuente, lo cual LearnPack implementa.

Comandos Clave

Para hacer LearnPack más fácil de usar, hemos incorporado combinaciones de teclas que permiten la interacción sin un ratón, habilitando la navegación completa por teclado.

• Flecha Arriba - Abajo: Soportadas de forma nativa por las páginas web, estas teclas te permiten desplazarte hacia arriba o hacia abajo.
• Ctrl + Enter: Como LearnPack se centra principalmente en enseñar habilidades de codificación, este atajo ejecuta el código que has escrito.
• Ctrl + Shift + Enter: Si un ejercicio incluye pruebas, este atajo ejecuta la prueba específica para el ejercicio y proporciona los resultados.
• Ctrl + Flecha Derecha: Navega al siguiente ejercicio.
• Ctrl + Flecha Izquierda: Regresa al ejercicio anterior.
• Ctrl + Alt + Enter: Activa el tutor de IA si estás registrado.

Estos son algunos de los aspectos clave de la accesibilidad en LearnPack. Si tienes alguna pregunta, ¡deja un comentario!