Acessibilidade

Padrão adotado

O site tem como meta a conformidade com as WCAG 2.2, nível AA, em alinhamento com o eMAG. É o padrão que o art. 63 da Lei Brasileira de Inclusão (Lei 13.146/2015) puxa por referência ao exigir acessibilidade "conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente".

O mapa e a grade de estados

A decisão de acessibilidade mais consequente deste site está no mapa do Brasil, e vale explicar por quê.

Medindo a geometria real, 7 das 27 unidades federativas (AL, DF, ES, PB, RJ, RN, SE) não alcançam o piso de 24 por 24 pixels do critério 2.5.8 das WCAG 2.2 quando o mapa é desenhado na largura de um celular. O Distrito Federal fica em torno de 6 pixels. Isso não tem conserto dentro do mapa: é geografia.

No computador, os estados pequenos demais para virar alvo confiável ganham um quadrado rotulado na coluna à direita, ligado ao seu território por uma linha-guia.

Outras decisões

Teclado

Toda a navegação funciona só com o teclado, e o indicador de foco é sempre visível. Como o site tem superfícies claras e superfícies escuras, o anel de foco troca de cor conforme o fundo em que cai — um anel só não seria visível nos dois lados. No mapa, o foco é marcado por contorno na própria forma do estado, porque contorno retangular sobre forma irregular indicaria a área errada.

Cor nunca sozinha

A distinção entre estado com lista publicada e estado em espera é dada por três canais ao mesmo tempo: preenchimento, hachura e selo em texto. Quem não distingue as cores, ou usa o modo de alto contraste do Windows, recebe a mesma informação.

Movimento

As animações são declaradas apenas para quem não pediu redução de movimento. Quem configurou o sistema para menos movimento recebe a página estática desde o primeiro quadro, sem nenhum lampejo de animação.

Contraste

A tinta do site é roxo escuro sobre fundo creme: 9,84 de contraste, mais que o dobro do mínimo de 4,5 que o nível AA exige para texto corrido. Os títulos de seção ficam em 15,67. Nenhum texto corrido deste site fica abaixo de 4,5. Duas coisas ficam, e as duas por regra da própria norma. A primeira são os rótulos de botão desligado — o «avançar» do carrossel quando já se está no último tempo, por exemplo —, que a norma isenta justamente por estarem inativos, e que aqui saem a 2,88. A segunda entrou em agosto de 2026, com o carrossel novo: o «52%» que abre o segundo tempo é laranja claro sobre o alto do fundo roxo, e sai a 4,27. Ali o mínimo não é 4,5: para letra grande — e aquele número tem cinco vezes o corpo do texto ao redor — a norma pede 3. Ele passa com folga de mais de um ponto, e é o único texto do site que depende dessa regra. Os outros quatro números da mesma linha são creme e saem a 6,2.

O laranja da identidade é o ponto delicado, e vale contar por quê: ele é claro demais para carregar texto claro. Branco em cima dele dá 2,87 e o creme dá 2,66 — os dois reprovam, e reprovam até no limiar mais frouxo, de 3, reservado a texto grande. Por isso o laranja aqui nunca leva letra clara: na faixa e nos botões, quem vai por cima é o roxo escuro (5,89); e quando o laranja precisa ser a letra, sobre o creme, ele escurece até chegar a 4,65.

A mesma regra resolveu um caso novo no carrossel de agosto de 2026. Ali o terceiro tempo é uma faixa laranja inteira com o número, a frase e um gráfico em letra clara por cima — exatamente o que o parágrafo acima diz que não se pode fazer com o laranja do arquivo. A saída foi a segunda metade da regra: onde a letra precisa ser clara, o laranja escurece. A faixa desce dois tons e a letra clara sobre ela sai entre 4,65 e 7,35, conforme a altura. O laranja original continua no site, onde ele funciona: na faixa dos apoiadores e no botão, sempre com letra roxa.

Nada disso depende da disciplina de quem escreve o código. As combinações são conferidas por um script que roda antes de cada compilação: uma combinação nova só passa depois de declarada e medida, e uma combinação já medida como ilegível interrompe a compilação. A verificação é parcial e vale dizer em que sentido — o script lê o código-fonte, não a página pintada, então um par montado por regras de estilo separadas escapa dele. Ele pega a decisão errada escrita; não pega toda decisão errada possível.

Texto e estrutura

A página funciona com zoom de 200% e em telas estreitas sem rolagem horizontal. Cada página tem um título único, hierarquia de cabeçalhos coerente e um atalho para pular direto ao conteúdo.

Encontrou uma barreira?

Acessibilidade é trabalho contínuo, e há sempre algo a melhorar. Se você encontrou uma barreira, escreva para o contato indicado na página de privacidade descrevendo a página, o que tentou fazer e a tecnologia assistiva que usa.