Acessibilidade

O compromisso

Acessibilidade digital não é formalidade para este mandato. Ele tem atuação documentada contra o capacitismo, e a coerência entre o que se defende e o que se entrega é parte do conteúdo.

Na prática, isso significa tratar acessibilidade como característica do produto: decidida junto com o desenho, não corrigida depois que a página já está no ar.

Nível perseguido

O nível buscado é WCAG 2.1, nível AA.

Buscado, e não certificado: não há auditoria concluída, laudo, selo ou declaração de conformidade emitida por terceiro. Dizer o contrário seria transformar uma meta em atestado.

Decisões já tomadas no código

O que está listado abaixo está implementado hoje e pode ser conferido navegando pelo site:

• Idioma declaradoO documento declara português do Brasil, que é o que faz um leitor de tela pronunciar as palavras em português em vez de tentar inglês.
• Pular para o conteúdoO primeiro elemento focável de toda página é um link que salta a navegação e leva direto ao conteúdo principal.
• Foco sempre visívelElementos focáveis recebem um contorno espesso quando alcançados por teclado. O foco não é removido em lugar nenhum do site, e o contorno aparece para quem navega por teclado sem poluir a tela de quem usa mouse.
• Área de toqueLinks e botões têm altura mínima de 44 pixels, definida em um token único do design system em vez de ser ajustada componente a componente.
• Movimento reduzido respeitadoQuem configura o sistema para reduzir movimento não recebe animação: as durações caem para praticamente zero no CSS e as animações de JavaScript são desligadas por um único ponto de decisão, que as duas bibliotecas de movimento do site consultam. Uma delas não pode ficar ligada por esquecimento.
• Animação é exceção, não padrãoTransição neste site é opt-in: o padrão é nenhuma. A revelação de conteúdo é em corte seco, sem deslizes longos.
• Letreiro que paraO letreiro contínuo da marca — o elemento mais arriscado do desenho para quem tem sensibilidade a movimento — vira lista estática quando o movimento reduzido está ligado, sem perder o texto para o leitor de tela. A cópia duplicada que faz o laço parecer contínuo é escondida da leitura, para o mesmo texto não ser anunciado duas vezes.
• Contraste antes da marcaO rosa da identidade sobre o creme do fundo fica em torno de 3,6:1 e reprovaria no mínimo de 4,5:1. Por isso o link é preto com sublinhado rosa espesso: a cor da marca continua na tela, e o texto passa no contraste.
• Texto alternativo obrigatórioNo modelo de conteúdo do site, o campo de texto alternativo de imagem não é opcional. Não é uma recomendação a quem publica: é uma condição para a imagem existir.
• Formulários rotuladosOs formulários de serviço agrupam campos com legenda, associam rótulo a cada campo e marcam o obrigatório em texto — nunca só por cor ou por asterisco solto.
• Estrutura de cabeçalhosA hierarquia de títulos é mantida em ordem, e cada seção é nomeada pelo próprio título para quem navega por região.
• Sem widget de terceiroOs botões de compartilhar são links de texto, não widgets oficiais das redes. Além da questão de privacidade, isso evita herdar o comportamento de teclado e de leitor de tela de um componente que não controlamos.

Limitações conhecidas

A QA-002 lista uma bateria de verificações, e o essencial delas ainda não foi feito. Auditoria automatizada, sozinha, pega talvez metade dos problemas reais — então nada aqui é declarado resolvido por passar em ferramenta.

O que falta, hoje:

• Teste com leitor de telaO teste manual com leitor de tela nos fluxos de serviço — denúncia e sugestão de emenda, no mínimo — ainda não foi realizado.
• Teste só por tecladoA navegação exclusivamente por teclado na home e em uma página de pauta ainda não foi percorrida e registrada de ponta a ponta.
• Zoom de 200%A verificação do site com zoom de 200% ainda não foi feita.
• Auditoria automatizadaNão há execução registrada de auditoria automatizada sem erro crítico.
• Contraste sobre imagemO contraste dos textos sobrepostos a fotografia ainda não foi verificado caso a caso — é justamente onde o valor muda conforme a imagem publicada.
• Ordem de leituraA correspondência entre a ordem de leitura e a ordem visual ainda não foi conferida nas páginas de leiaute mais complexo.
• Legenda em vídeoLegenda é requisito para todo vídeo publicado. Ainda não há verificação registrada de que a exigência está sendo cumprida no fluxo de publicação.
• Mensagem de erro em formulárioOs formulários de serviço ainda não enviam, então a mensagem de erro de validação ainda não existe para ser testada. Quando existir, o erro precisa ser descrito em texto, e não sinalizado apenas por cor.

Encontrou uma barreira?

A QA-002 exige que esta página tenha um canal de reporte funcionando. Ele ainda não existe, e publicar um endereço que ninguém lê seria pior do que admitir a falta — quem encontrasse uma barreira gastaria o esforço de descrevê-la para o vazio.

Como pretendemos verificar

A verificação prevista combina auditoria automatizada, teste manual com leitor de tela nos fluxos de serviço, navegação só por teclado e conferência com zoom de 200%.

A ordem entre elas não é indiferente: a automatizada é a mais barata e a menos conclusiva. Ela entra como filtro, nunca como prova. À medida que cada verificação for feita, o item correspondente sai da lista de limitações desta página — e não antes disso.