Este guia é para quem estuda com leitor de tela, só com o teclado ou com os dois. Ele não ensina a usar o seu leitor de tela: você já o conhece melhor do que nós. Ele descreve como a plataforma é construída, onde fica cada coisa em cada página e o que esperar ao usá-las, para que nada pegue você de surpresa.

Se algo aqui não bater com o que você ouve ou com o que acontece, conte para a gente. A última seção diz como.

O básico, em todas as páginas

• Pular para o conteúdo. A primeira coisa que a tecla Tab alcança em qualquer página é um link "Pular para o conteúdo". Ele passa pelo cabeçalho (e, numa página de aula, pela navegação do curso) e leva você direto ao conteúdo principal.
• Regiões. Toda página tem um cabeçalho e uma região principal, e a maioria tem um rodapé. As páginas de aula acrescentam uma região chamada "Navegação do curso", com a lista de aulas.
• Títulos. Toda página tem exatamente um título de nível 1, o seu título. As aulas são organizadas com títulos de nível 2 e 3, então navegar por títulos é o jeito mais rápido de percorrer uma aula.
• Idioma. A plataforma está disponível em inglês, português do Brasil e espanhol, e toda página declara o seu idioma, para que o seu leitor de tela troque de voz. Use o controle "Mudar idioma" no cabeçalho: uma lista suspensa em telas pequenas e um grupo de três botões em telas maiores. A sua escolha fica salva.

A página de cursos

É aqui que você chega depois de entrar na sua conta.

• Encontre seu curso. Uma seção perto do topo filtra o catálogo por ferramenta, por nível e por gratuito ou pago. Em telas pequenas, cada filtro é uma lista suspensa; em telas maiores, é um grupo de botões, e o selecionado é anunciado como pressionado. O número de cursos encontrados é atualizado a cada mudança de filtro, e um botão "Limpar filtros" traz todos os cursos de volta.
• Seus cursos, por progresso. Os cursos ficam agrupados sob títulos: Continue aprendendo, Ainda não começados, Explore mais cursos e Concluídos. Cada card de curso tem um link para a página do curso.

A página de um curso

• O título de nível 1 é o nome do curso.
• O botão "Começar o curso" (ou "Continuar o curso", depois que você começou) sempre leva à próxima aula que você ainda não concluiu.
• Sob o título "Conteúdo do curso", cada aula tem um controle com o nome dela: um link chamado "Começar" ou, numa aula que você concluiu, "Revisar", seguido do título da aula, ou um botão desabilitado "Bloqueada", também seguido do título. A lista de links do seu leitor de tela é um jeito rápido de ver todas as aulas que você pode abrir.
• As aulas são desbloqueadas em ordem. A maioria termina com um quiz, e a aula conta como concluída quando você acerta 100% dele. Uma aula sem quiz conta como concluída quando você a abre.
• Depois que você começou, "Seu progresso" é uma barra de progresso com a porcentagem do curso que você concluiu.

As páginas de aula

Uma página de aula é lida nesta ordem: a navegação do curso, uma barra com os controles do cabeçalho e depois a aula em si. "Pular para o conteúdo" leva você direto à aula.

• Navegação do curso. A lista de todas as aulas do curso, agrupadas sob um título por seção, com a aula em que você está marcada como a página atual. Aulas bloqueadas são anunciadas como bloqueadas, e as concluídas como concluídas. Ela também tem um botão "Reiniciar progresso", que pede confirmação antes. Em telas pequenas, ela fica atrás de um botão "Abrir menu" no topo da página; ao abrir, o foco vai para dentro dela, e Escape ou o botão "Fechar menu" a fecham de novo.
• Passando de uma aula para outra. Os mesmos três controles ficam no topo e no fim de toda aula: "Aula anterior" seguido do título dela, "Voltar ao início do curso" e "Próxima aula" seguido do título dela. Enquanto um quiz ainda espera 100% de acertos, "Próxima aula" fica desabilitado, e o texto logo depois dele diz por quê.
• A aula. Primeiro vem o tipo da aula (Introdução, Aula, Bônus ou Conclusão), depois o título de nível 1 com o nome da aula e então o conteúdo.
• Exemplos de código. Exemplos de código com mais de uma linha têm um botão "Copiar código" logo depois deles. Um exemplo de uma linha só não tem, mas é curto o bastante para selecionar e copiar à mão.
• Dicas e observações. Dois tipos de citação aparecem nas aulas. A que começa com um macaco tapando a boca (🙊) traz uma dica: pare ali se quiser tentar o exercício sozinho primeiro. A que começa com um professor (👨‍🏫) é uma observação do instrutor.
• Como as aulas terminam. A maioria das aulas termina com os mesmos títulos: "Exercício" (às vezes numerado), "Mostre ao mundo o que você aprendeu" e "Conteúdo sugerido". Cada título termina com um emoji (um alvo, um globo e livros), que o seu leitor de tela pode ler depois dele.
• Compartilhando no LinkedIn. Sob "Mostre ao mundo o que você aprendeu" há uma sugestão de publicação e depois um botão "Compartilhar no LinkedIn". Ele copia a publicação, muda o próprio texto para avisar e, no computador, abre o LinkedIn numa nova aba três segundos depois, pronto para você colar.
• Quiz. Um título de nível 2 chamado "Quiz" vem logo depois do conteúdo da aula. Veja a próxima seção.
• Ajuda. No fim de toda página de curso e de aula, um link "Enviar feedback" e um link "Obter suporte" estão sempre disponíveis.
• A última aula. A aula de conclusão de um curso abre com uma comemoração curta, formas se movendo pela tela por até cinco segundos. Ela fica escondida dos leitores de tela. Se movimento na tela deixa você tonto ou mal, ative a configuração de reduzir movimento do seu sistema ("Reduzir movimento" no macOS, iOS e iPadOS, "Efeitos de animação" desativado no Windows, "Remover animações" no Android) e ela não aparece.

Quizzes

• Cada pergunta começa com "Pergunta 1 de 3" (ou quantas houver), depois vem a pergunta e então as opções.
• As opções são um grupo de botões de opção. Use as setas para passar de uma para outra e depois Tab até o botão "Verificar resposta".
• Depois que você verifica uma resposta, o foco vai para o resultado, que começa com "Resposta correta." ou com "Resposta incorreta. A resposta correta é:" seguido da opção certa, e depois uma explicação. As opções também dizem qual era a resposta correta e qual foi a sua. Pressione Tab para chegar a "Próxima pergunta", ou a "Concluir" na última.
• Ao terminar, o foco vai para o resultado: quantas respostas você acertou e o que isso significa. Abaixo dele, "Tentar novamente" (ou "Refazer o quiz", depois de acertar tudo) recomeça o quiz.
• Você precisa acertar todas as respostas para desbloquear a próxima aula. Pode tentar quantas vezes quiser.

Soluções nas aulas práticas

Nos cursos práticos, muitos exercícios terminam com um botão "Ver solução", às vezes logo depois de uma dica 🙊. Ele informa se está expandido ou recolhido. Depois de expandido, ele mostra o commit com a solução do instrutor e então um botão por arquivo alterado, cada um também anunciado como expandido ou recolhido. Cada arquivo aberto é uma região com o nome do arquivo e pode ser alcançado com Tab. O commit, os nomes dos arquivos e o código são lidos em inglês em todas as versões de idioma, já que é o idioma em que estão escritos.

O TAT Shell

Dois cursos, JavaScript para QAs e Testes de Unidade com Jest, têm um pequeno terminal no fim de cada página de aula, chamado TAT Shell. Ele é experimental.

• Ele é uma região chamada "TAT Shell". Começa fechado: ative o botão dele com Enter ou Espaço para abri-lo, e o foco vai para o campo "Comando".
• Digite um comando e pressione Enter para executá-lo. Shift+Enter adiciona uma nova linha em vez disso. As setas para cima e para baixo trazem de volta comandos anteriores. Ctrl+C interrompe um script que ainda está rodando, e Ctrl+L limpa a tela. Digite help para ouvir o que ele sabe fazer.
• A saída é uma região de log chamada "Saída do shell", então o seu leitor de tela lê a nova saída conforme ela chega.
• Alguns exemplos de código têm um botão "Executar no TAT Shell" logo abaixo. Ele abre o shell, se estiver fechado, e executa aquele exemplo para você.

O cabeçalho e o menu da sua conta

• Mudar idioma: veja o básico, lá em cima.
• Alternar tema: alterna entre o tema claro e o escuro.
• Círculos de fundo: em telas maiores, quem está com a conta aberta pode desligar os círculos decorativos atrás da página. Eles são puramente visuais e ficam escondidos dos leitores de tela de qualquer jeito.
• Menu do usuário: o botão com as suas iniciais, depois que você entra na conta. Ele abre um menu com Todos os cursos, Conquistas, Fundamentos, Fazer o tour (nas páginas que têm um), Guia para leitor de tela (esta página) e Sair. Percorra os itens com as setas ou com Tab, e pressione Escape para fechá-lo.

Os tours guiados

Na primeira vez que você abre a página de cursos, e na primeira vez que abre a página de cada curso, começa um tour guiado curto. Cada passo é uma caixa de diálogo: o foco vai para o texto do passo, que diz qual passo é, o título e a descrição dele. Pressione Tab para chegar aos botões Voltar, Próximo e Pular. Escape sai do tour. Você pode fazê-lo de novo quando quiser, em "Fazer o tour", no menu da sua conta.

O tour aponta visualmente para coisas na tela. Tudo para o que ele aponta também está descrito neste guia.

Cursos gratuitos sem conta

Os cursos gratuitos podem ser estudados sem entrar numa conta. Na primeira aula, você precisa informar o seu nome e e-mail antes de seguir para a próxima. O formulário tem o título "Antes de continuar" e dois campos com rótulo, Nome completo e E-mail. O botão "Desbloquear o curso" fica desabilitado até os dois estarem preenchidos, com um e-mail válido.

Certificados

A aula de conclusão de todo curso tem um formulário onde você digita o nome que vai no certificado e um botão para baixá-lo em PDF. Saiba que o PDF é uma imagem do certificado, então um leitor de tela não consegue ler o texto dele. A própria página mostra as mesmas informações em texto antes de você baixar.

Limitações conhecidas

A Declaração de Acessibilidade lista o que sabemos que ainda não funciona bem. Duas valem a pena conhecer antes de começar:

• No macOS, o VoiceOver fala algumas mensagens de status e nomes de botões na voz padrão dele em vez de no idioma da página, então em português ou espanhol elas podem ser lidas com sotaque inglês. Estamos levando esses textos para o conteúdo da página, onde são lidos no idioma certo. Os quizzes e os tours guiados já funcionam assim.
• O PDF do certificado é uma imagem, como descrito acima.

Conte para a gente o que não funciona

Ninguém sabe melhor do que você onde a plataforma atrapalha. Escreva para walmyr@talkingabouttesting.com ou, com a conta aberta, use o link "Enviar feedback" no fim de qualquer página de curso ou de aula e escolha a categoria "Erro ou problema". Procuramos responder em poucos dias úteis.