Esta guía es para quien estudia con un lector de pantalla, solo con el teclado o con ambos. No enseña a usar tu lector de pantalla: ya lo conoces mejor que nosotros. Describe cómo está construida la plataforma, dónde está cada cosa en cada página y qué esperar al usarlas, para que nada te tome por sorpresa.

Si algo de lo que dice aquí no coincide con lo que oyes o con lo que pasa, cuéntanos. La última sección dice cómo.

Lo básico, en todas las páginas

• Ir al contenido. Lo primero que alcanza la tecla Tab en cualquier página es un enlace "Ir al contenido". Te lleva más allá del encabezado (y, en una página de lección, de la navegación del curso) directo al contenido principal.
• Regiones. Toda página tiene un encabezado y una región principal, y la mayoría tiene un pie de página. Las páginas de lección agregan una región llamada "Navegación del curso", con la lista de lecciones.
• Encabezados. Toda página tiene exactamente un encabezado de nivel 1, su título. Las lecciones se organizan con encabezados de nivel 2 y 3, así que moverte por encabezados es la forma más rápida de recorrer una lección.
• Idioma. La plataforma está disponible en inglés, portugués de Brasil y español, y cada página declara su idioma, para que tu lector de pantalla cambie de voz. Usa el control "Cambiar idioma" del encabezado: una lista desplegable en pantallas pequeñas y un grupo de tres botones en pantallas más grandes. Tu elección se recuerda.

La página de cursos

Aquí llegas después de iniciar sesión.

• Encuentra tu curso. Una sección cerca del inicio filtra el catálogo por herramienta, por nivel y por gratuito o de pago. En pantallas pequeñas, cada filtro es una lista desplegable; en pantallas más grandes, es un grupo de botones, y el seleccionado se anuncia como presionado. La cantidad de cursos encontrados se actualiza cada vez que cambias un filtro, y un botón "Limpiar filtros" trae todos los cursos de vuelta.
• Tus cursos, por progreso. Los cursos se agrupan bajo encabezados: Continuar aprendiendo, Aún no iniciados, Explorar más cursos y Completados. Cada tarjeta de curso tiene un enlace a la página del curso.

La página de un curso

• El encabezado de nivel 1 es el nombre del curso.
• El botón "Comenzar curso" (o "Continuar curso", una vez que empezaste) siempre te lleva a la siguiente lección que aún no completaste.
• Bajo el encabezado "Contenido del curso", cada lección tiene un control con su nombre: un enlace llamado "Comenzar" o, en una lección que terminaste, "Repasar", seguido del título de la lección, o un botón deshabilitado "Bloqueada", también seguido del título. La lista de enlaces de tu lector de pantalla es una forma rápida de ver todas las lecciones que puedes abrir.
• Las lecciones se desbloquean en orden. La mayoría termina con un cuestionario, y la lección cuenta como hecha cuando obtienes 100% en él. Una lección sin cuestionario cuenta como hecha cuando la abres.
• Una vez que empezaste, "Tu progreso" es una barra de progreso con el porcentaje del curso que completaste.

Las páginas de lección

Una página de lección se lee en este orden: la navegación del curso, una barra con los controles del encabezado y luego la lección en sí. "Ir al contenido" te lleva directo a la lección.

• Navegación del curso. La lista de todas las lecciones del curso, agrupadas bajo un encabezado por sección, con la lección en la que estás marcada como la página actual. Las lecciones bloqueadas se anuncian como bloqueadas, y las completadas como completadas. También tiene un botón "Reiniciar progreso", que pide confirmación antes. En pantallas pequeñas, queda detrás de un botón "Abrir menú" en la parte superior de la página; al abrirla, el foco pasa a ella, y Escape o su botón "Cerrar menú" la cierran de nuevo.
• Pasar de una lección a otra. Los mismos tres controles están al principio y al final de cada lección: "Lección anterior" seguido de su título, "Volver al inicio del curso" y "Lección siguiente" seguido de su título. Mientras un cuestionario todavía espera un 100%, "Lección siguiente" está deshabilitado, y el texto justo después dice por qué.
• La lección. Primero viene el tipo de lección (Introducción, Lección, Bonus o Conclusión), luego el encabezado de nivel 1 con el título de la lección y después el contenido.
• Ejemplos de código. Los ejemplos de código de más de una línea tienen un botón "Copiar código" justo después. Un ejemplo de una sola línea no lo tiene, pero es lo bastante corto para seleccionarlo y copiarlo a mano.
• Pistas y notas. Dentro de las lecciones aparecen dos tipos de cita. La que empieza con un mono tapándose la boca (🙊) trae una pista: detente ahí si quieres intentar el ejercicio por tu cuenta primero. La que empieza con un profesor (👨‍🏫) es una nota del instructor.
• Cómo terminan las lecciones. La mayoría de las lecciones termina con los mismos encabezados: "Ejercicio" (a veces numerado), "Muéstrale al mundo lo que aprendiste" y "Contenido sugerido". Cada título termina con un emoji (una diana, un globo terráqueo y libros), que tu lector de pantalla puede leer después de él.
• Compartir en LinkedIn. Bajo "Muéstrale al mundo lo que aprendiste" hay una publicación sugerida y luego un botón "Compartir en LinkedIn". Copia la publicación, cambia su propio texto para avisarte y, en una computadora, abre LinkedIn en una pestaña nueva tres segundos después, listo para que la pegues.
• Cuestionario. Un encabezado de nivel 2 llamado "Cuestionario" viene justo después del contenido de la lección. Mira la siguiente sección.
• Ayuda. Al final de cada página de curso y de lección, un enlace "Enviar comentarios" y un enlace "Obtener soporte" están siempre disponibles.
• La última lección. La lección de conclusión de un curso empieza con una celebración breve, formas que se mueven por la pantalla durante hasta cinco segundos. Queda oculta para los lectores de pantalla. Si el movimiento en pantalla te marea o te hace sentir mal, activa la opción de reducir el movimiento de tu sistema ("Reducir movimiento" en macOS, iOS y iPadOS, "Efectos de animación" desactivado en Windows, "Quitar animaciones" en Android) y no se muestra.

Cuestionarios

• Cada pregunta empieza con "Pregunta 1 de 3" (o las que haya), luego viene la pregunta y después las opciones.
• Las opciones son un grupo de botones de opción. Usa las flechas para moverte entre ellas y luego Tab hasta el botón "Comprobar respuesta".
• Después de comprobar una respuesta, el foco pasa al resultado, que empieza con "Correcto." o con "Incorrecto. La respuesta correcta es:" seguido de la opción correcta, y luego una explicación. Las opciones también dicen cuál era la respuesta correcta y cuál fue la tuya. Presiona Tab para llegar a "Siguiente pregunta", o a "Finalizar" en la última.
• Al terminar, el foco pasa a los resultados: cuántas respuestas acertaste y qué significa. Debajo, "Intentar de nuevo" (o "Repetir cuestionario", después de acertar todo) vuelve a empezar.
• Necesitas acertar todas las respuestas para desbloquear la siguiente lección. Puedes intentarlo cuantas veces quieras.

Soluciones en las lecciones prácticas

En los cursos prácticos, muchos ejercicios terminan con un botón "Ver solución", a veces justo después de una pista 🙊. Indica si está expandido o contraído. Una vez expandido, muestra el commit con la solución del instructor y luego un botón por cada archivo modificado, cada uno también anunciado como expandido o contraído. Cada archivo abierto es una región con el nombre del archivo y se puede alcanzar con Tab. El commit, los nombres de los archivos y el código se leen en inglés en todas las versiones de idioma, ya que es el idioma en que están escritos.

El TAT Shell

Dos cursos, JavaScript para QAs y Pruebas Unitarias con Jest, tienen una pequeña terminal al final de cada página de lección, llamada TAT Shell. Es experimental.

• Es una región llamada "TAT Shell". Empieza cerrada: activa su botón con Enter o Espacio para abrirla, y el foco pasa al campo "Comando".
• Escribe un comando y presiona Enter para ejecutarlo. Shift+Enter agrega una línea nueva en su lugar. Las flechas arriba y abajo traen de vuelta comandos anteriores. Ctrl+C detiene un script que todavía se está ejecutando, y Ctrl+L limpia la pantalla. Escribe help para oír lo que puede hacer.
• La salida es una región de registro llamada "Salida del shell", así que tu lector de pantalla lee la nueva salida a medida que llega.
• Algunos ejemplos de código tienen un botón "Ejecutar en el TAT Shell" debajo. Abre el shell si está cerrado y luego ejecuta ese ejemplo por ti.

El encabezado y el menú de tu cuenta

• Cambiar idioma: mira lo básico, más arriba.
• Cambiar tema: alterna entre el tema claro y el oscuro.
• Círculos de fondo: en pantallas más grandes, quien inició sesión puede desactivar los círculos decorativos detrás de la página. Son puramente visuales y quedan ocultos para los lectores de pantalla de todos modos.
• Menú de usuario: el botón con tus iniciales, una vez que iniciaste sesión. Abre un menú con Todos los cursos, Logros, Fundamentos, Hacer el recorrido (en las páginas que tienen uno), Guía para lectores de pantalla (esta página) y Cerrar sesión. Recorre los elementos con las flechas o con Tab, y presiona Escape para cerrarlo.

Los recorridos guiados

La primera vez que abres la página de cursos, y la primera vez que abres la página de cada curso, empieza un recorrido guiado corto. Cada paso es un cuadro de diálogo: el foco pasa al texto del paso, que dice qué paso es, su título y su descripción. Presiona Tab para llegar a los botones Atrás, Siguiente y Omitir. Escape sale del recorrido. Puedes hacerlo de nuevo cuando quieras, desde "Hacer el recorrido" en el menú de tu cuenta.

El recorrido señala visualmente cosas de la pantalla. Todo lo que señala también está descrito en esta guía.

Cursos gratuitos sin cuenta

Los cursos gratuitos se pueden estudiar sin iniciar sesión. En su primera lección, se te piden tu nombre y tu correo antes de pasar a la siguiente. El formulario se titula "Antes de continuar" y tiene dos campos con etiqueta, Nombre completo y Correo electrónico. Su botón "Desbloquear el curso" queda deshabilitado hasta que los dos estén completos, con un correo válido.

Certificados

La lección de conclusión de cada curso tiene un formulario donde escribes el nombre que irá en tu certificado y un botón para descargarlo en PDF. Ten en cuenta que el PDF es una imagen del certificado, así que un lector de pantalla no puede leer su texto. La propia página muestra la misma información como texto antes de que lo descargues.

Limitaciones conocidas

La Declaración de Accesibilidad enumera lo que sabemos que todavía no funciona bien. Vale la pena conocer dos antes de empezar:

• En macOS, VoiceOver dice algunos mensajes de estado y nombres de botones con su voz predeterminada en lugar de en el idioma de la página, así que en portugués o en español pueden leerse con acento inglés. Estamos llevando esos textos al contenido de la página, donde se leen en el idioma correcto. Los cuestionarios, los recorridos guiados y los mensajes de error de los formularios de inicio de sesión y de comentarios ya funcionan así.
• El PDF del certificado es una imagen, como se describe arriba.

Cuéntanos qué no funciona

Nadie sabe mejor que tú dónde la plataforma te pone obstáculos. Escribe a walmyr@talkingabouttesting.com o, con la sesión iniciada, usa el enlace "Enviar comentarios" al final de cualquier página de curso o de lección y elige la categoría "Error o problema". Intentamos responder en pocos días hábiles.