Acessibilidade

Buscamos o nível AA da WCAG 2.2, que atende e supera o padrão de referência da Lei Brasileira de Inclusão (LBI, Lei nº 13.146/2015). Esta página não só afirma isso: ela lista as teclas de cada jogo, uma a uma, e diz o que ainda não está certo.

O que vale para o site inteiro

• Um link “Ir para o conteúdo principal” aparece no primeiro toque em Tab.
• Todo elemento interativo tem um estado de foco (hover) e um contorno de foco ciano visível que não depende das configurações padrão do navegador.
• O contraste do texto contra o fundo escuro atende ao limite AA; texto claro sobre quase preto ultrapassa 15:1.
• Se o seu sistema pede movimento reduzido (prefers-reduced-motion), a deriva lenta do fundo para, piscadas e brilhos animados são neutralizados, e toda transição cai a zero.
• Nenhuma informação é transmitida só pela cor: os sinais do Sequência têm forma e nome, as cores do Inundação carregam um símbolo, um tubo alimentado muda de brilho, a saída do labirinto carrega uma estrela.
• Cada jogo tem uma região de status aria-live que anuncia a jogada feita e a situação atual, não só o resultado final.

Labirinto

• Tab leva o foco à grade, que então é anunciada com a sua posição e contagem de passos.
• ↑ ↓ ← →, ou W A S D, ou Z Q S D em um teclado AZERTY, movem o ponto.
• O direcional abaixo da grade é formado por quatro botões de verdade, alcançáveis pelo teclado e rotulados.
• Esbarrar em uma parede é anunciado (“Parede”); o jogo não fica simplesmente sem fazer nada.
• Sua posição, a contagem de passos e o alcance da saída são todos anunciados.

Tubos

• A grade usa um foco itinerante: só uma célula fica na ordem de tabulação, e as setas movem o foco de tubo em tubo.
• Enter ou Espaço gira o tubo em foco um quarto de volta.
• Cada tubo se anuncia pela sua posição, a direção das suas conexões (cima, direita, baixo, esquerda), e se está “alimentado” ou “desligado”.
• O número de tubos alimentados aparece como número na barra superior e é anunciado depois de cada rotação.

Sequência

• As quatro luzes são botões de verdade; as teclas 1, 2, 3, 4 correspondem a elas.
• Enquanto o padrão está tocando, as luzes ficam desativadas; elas voltam a se ativar para a sua resposta.
• Cada sinal é anunciado pelo nome enquanto acende: “triângulo”, “círculo”, “quadrado”, “losango”. O jogo pode, portanto, ser jogado de ouvido, sem ver a tela.
• Um erro anuncia o sinal esperado e o recebido, junto com a rodada alcançada.

Inundação

• As seis amostras de cor são botões de verdade; Tab para se mover entre elas, Enter ou Espaço para inundar.
• A cor atual da região fica desativada: o leitor de tela a anuncia como indisponível.
• Cada célula e cada amostra carregam um símbolo baseado na sua cor (▲ ● ■ ◆ ★ ✚), legível sem distinguir os tons.
• Depois de cada movimento, a região do canto, o seu tamanho e a cor escolhida são anunciados.

Desafio diário

• O botão Jogo livre / Desafio diário é um grupo de dois botões comuns, alcançáveis com Tab. Cada um anuncia o seu estado com aria-pressed.
• O painel do desafio detalha a data, o resultado já alcançado, se houver, e a sequência atual.
• O botão Copiar meu resultado só aparece depois que o desafio é concluído. Se a cópia falhar, o texto aparece em uma área que o teclado pode selecionar, e uma região aria-live anuncia o que acabou de acontecer.
• Na página inicial, cada jogo do desafio diário carrega um rótulo que diz se ele foi concluído e com qual resultado; a marca verde é decorativa e escondida dos leitores de tela.

Limitações conhecidas

A grade do Labirinto é exposta como uma aplicação (role="application") com um rótulo de status em vez de célula por célula. Essa escolha torna o jogo jogável pelo teclado, mas um leitor de tela não consegue explorar cada corredor individualmente; é preciso confiar no anúncio de posição depois de cada passo.

Na grade 16 × 16 do Inundação, exibida em um celular de 390 pixels de largura, uma célula mede cerca de vinte pixels de lado e o seu símbolo fica pequeno. As grades 10 × 10 e 12 × 12 são bem mais legíveis; preferimos dizer isso a esconder.

Relatar um problema

Se alguma parte do site te bloquear, escreva para [email protected] e conte o seu navegador e a sua tecnologia assistiva. Problemas de acessibilidade vão para o início da fila.

Última atualização: 1 de setembro de 2026.