Acessibilidade

O que vale para o site inteiro

Um link "Ir para o conteúdo" aparece ao primeiro Tab de qualquer página.
Todo controle que recebe foco mostra um contorno amarelo visível: não confiamos no contorno padrão do navegador, que some contra o nosso fundo rosa.
Quem liga "reduzir movimento" no sistema não vê nenhuma animação decorativa: o site respeita prefers-reduced-motion.
Cada jogo tem uma região aria-live que narra as mudanças de estado: jogada do computador, letra errada, vida perdida, nível resolvido.
O menu, o aviso de cookies e o painel de preferências funcionam por teclado, e o painel fecha com Esc.

Trilha

Tab percorre os 24 pontos do tabuleiro na ordem numérica; Enter ou Espaço ativa o ponto em foco. O rótulo falado de cada ponto diz o número dele e o que há ali: vazio, peça sua ou peça do computador. Ao formar um moinho, o leitor de tela anuncia que é hora de tirar uma peça, e apenas as peças removíveis ficam habilitadas. Enquanto o computador pensa, o tabuleiro inteiro é desabilitado, então o Tab não cai numa jogada inválida.

Forca

Dá para jogar sem tocar no teclado da tela: digite a letra e pronto. Qualquer tecla de A a Z vale como chute. Se preferir navegar, Tab percorre as 26 teclas na tela e Enter ativa a que estiver em foco; teclas já usadas ficam desabilitadas e são puladas. Cada chute é anunciado: se a letra entrou na palavra ou se custou uma chance.

Quebra-blocos

← e → movem a raquete; Espaço ou Enter lança a bola. Para quem prefere alvos maiores, os botões ◀, Lançar e ▶ abaixo do tabuleiro fazem o mesmo e respondem a Tab e Enter. Fim de jogo, tela limpa e pontuação final são anunciados pela região aria-live.

Sejamos francos sobre o limite: este é um jogo de reflexo, e o teclado é um controle mais lento que o mouse. Ele é jogável por teclado, não igualmente fácil por teclado. É a diferença que conseguimos entregar hoje.

Saída Livre

Tab percorre as 36 casas do estacionamento e Enter ou Espaço ativa a casa em foco: se houver um carro ali, ele é selecionado; se for uma casa livre da faixa do carro selecionado, ele desliza até ela. Com um carro escolhido, ← e → movem os carros deitados e ↑ e ↓ os em pé; uma seta fora do eixo do carro é ignorada em vez de fazer algo inesperado. Cada casa é anunciada com a linha, a coluna e o que está nela.

Contraste e tamanho

O texto do site é dourado sobre rosa profundo. Essa dupla não foi escolhida no olho: medimos o contraste de cada combinação que realmente aparece na tela e ajustamos o rosa do fundo até todas passarem no mínimo de 4,5:1 exigido pelo WCAG 2.1 nível AA para corpo de texto. O pior caso do site (o dourado do título sobre a faixa mais clara do fundo, no topo da página inicial) fica em 4,8:1; sobre os painéis escuros, o mesmo dourado chega a 9,3:1.

Os botões amarelos invertem a lógica: fundo neon e texto ameixa bem escuro, a 11,8:1. As peças, letras e casas dos jogos são dimensionadas em unidades relativas ao tamanho do tabuleiro, então crescem junto com a tela: dar zoom não quebra o layout.

O que ainda não fizemos

Não temos, hoje, navegação por setas entre as casas do tabuleiro da Trilha: só Tab, o que em 24 pontos significa até 24 paradas. É a melhoria mais pedida e é a próxima da fila.

Achou uma barreira que não está listada aqui? Escreva para [email protected] descrevendo o que travou e com qual tecnologia assistiva. Respondemos e corrigimos.

Última atualização: 13 de julho de 2026.