Portal oficial de demonstração

Acessibilidade

Declaração WCAG 2.1 AA

O Portal Municipal foi preparado para os critérios A e AA da WCAG 2.1, com navegação por teclado, foco visível, contraste, redimensionamento de texto, redução de movimento, linguagem clara e compatibilidade com tecnologias assistivas.

Critérios avaliados50níveis A e AA
Implementados50no sistema e nos padrões
Princípios4perceptível, operável, compreensível e robusto
Conteúdo7dependem da publicação correta

Recursos disponíveis

Como o portal atende usuários com necessidades diferentes

Teclado

Links de salto, foco visível, ordem lógica de navegação, menus acionáveis e fechamento por Esc quando aplicável.

Leitura

Fonte ampliada, espaçamento de texto, contraste reforçado, textos redimensionáveis e estrutura sem depender apenas de cor.

Movimento

Respeito a prefers-reduced-motion e controle manual para reduzir animações e transições.

Tecnologias assistivas

Landmarks, labels, regiões aria-live, idioma pt-BR, nomes acessíveis e espaço preparado para VLibras.

Como testar

  1. Use Tab desde o topo e confirme os atalhos para conteúdo, busca, menu e rodapé.
  2. Ative A+, alto contraste, espaçamento e redução de movimento.
  3. Aumente o zoom do navegador até 200% e reduza a largura para 320px.
  4. Confira se formulários mostram labels e se mensagens aparecem sem tirar o foco.
  5. Use leitor de tela para validar título, landmarks, links, botões e tabelas.

Responsabilidade de conteúdo

O sistema fornece a estrutura acessível. A conformidade final também depende de cada publicação: imagens precisam de descrição, vídeos precisam de legenda/transcrição quando houver fala, PDFs devem ser pesquisáveis e documentos escaneados precisam de alternativa textual quando necessário.

Matriz pública

Critérios WCAG 2.1 A e AA

Código Nível Princípio Critério Requisito Status
1.1.1 A Perceptivel Conteudo nao textual Textos alternativos para imagens informativas, icones funcionais e documentos publicados. Implementado
1.2.1 A Perceptivel Audio e video pre-gravados Alternativa textual ou arquivo equivalente para audio e video sem legenda. Implementado
1.2.2 A Perceptivel Legendas pre-gravadas Legendas para videos com fala quando publicados no portal. Implementado
1.2.3 A Perceptivel Audiodescricao ou alternativa Alternativa textual para conteudo visual essencial. Implementado
1.2.4 AA Perceptivel Legendas ao vivo Legendas para transmissoes ao vivo quando houver transmissao institucional. Implementado
1.2.5 AA Perceptivel Audiodescricao pre-gravada Audiodescricao ou equivalente para videos institucionais essenciais. Implementado
1.3.1 A Perceptivel Informacao e relacoes Headings, labels, tabelas e relacoes sem depender apenas de aparencia. Implementado
1.3.2 A Perceptivel Sequencia significativa Ordem de leitura coerente no HTML e no teclado. Implementado
1.3.3 A Perceptivel Caracteristicas sensoriais Instrucoes nao dependem apenas de cor, forma, tamanho ou posicao. Implementado
1.3.4 AA Perceptivel Orientacao Uso em retrato e paisagem sem bloqueio de orientacao. Implementado
1.3.5 AA Perceptivel Identificar proposito de entrada Campos comuns com autocomplete e labels adequados. Implementado
1.4.1 A Perceptivel Uso de cor Informacao nao depende somente de cor. Implementado
1.4.2 A Perceptivel Controle de audio Audio com controle de pausa/parada quando tocar automaticamente. Implementado
1.4.3 AA Perceptivel Contraste minimo Texto com contraste minimo 4.5:1 e texto grande 3:1. Implementado
1.4.4 AA Perceptivel Redimensionar texto Conteudo utilizavel com zoom/fonte ampliada sem perda funcional. Implementado
1.4.5 AA Perceptivel Imagem de texto Evitar texto em imagem salvo logotipos ou casos inevitaveis. Implementado
1.4.10 AA Perceptivel Refluxo Uso ate 320px sem rolagem horizontal global. Implementado
1.4.11 AA Perceptivel Contraste nao textual Foco, bordas e controles com contraste minimo 3:1. Implementado
1.4.12 AA Perceptivel Espacamento de texto Suporte a espacamento aumentado sem quebra de conteudo. Implementado
1.4.13 AA Perceptivel Conteudo em hover/foco Submenus e dicas podem ser dispensados, mantidos e acessados por teclado. Implementado
2.1.1 A Operavel Teclado Todas as funcoes principais disponiveis por teclado. Implementado
2.1.2 A Operavel Sem armadilha de teclado Foco nao fica preso em componentes. Implementado
2.1.4 A Operavel Atalhos de caractere Nao usar atalhos de tecla simples sem controle. Implementado
2.2.1 A Operavel Tempo ajustavel Sessao/tempo com aviso ou comportamento documentado. Implementado
2.2.2 A Operavel Pausar, parar, ocultar Movimentos e atualizacoes podem ser reduzidos. Implementado
2.3.1 A Operavel Tres flashes Sem conteudo com flashes perigosos. Implementado
2.4.1 A Operavel Ignorar blocos Skip links para conteudo, busca, menu e rodape. Implementado
2.4.2 A Operavel Titulo da pagina Titulos HTML descritivos por pagina. Implementado
2.4.3 A Operavel Ordem do foco Foco segue ordem logica e previsivel. Implementado
2.4.4 A Operavel Finalidade do link Links compreensiveis pelo texto ou contexto. Implementado
2.4.5 AA Operavel Multiplas formas Busca, menu, links rapidos e rodape para encontrar conteudo. Implementado
2.4.6 AA Operavel Cabecalhos e labels Headings e labels descrevem topico ou finalidade. Implementado
2.4.7 AA Operavel Foco visivel Indicador de foco forte e consistente. Implementado
2.5.1 A Operavel Gestos de ponteiro Funcoes nao dependem de gestos complexos. Implementado
2.5.2 A Operavel Cancelamento de ponteiro Acoes de ponteiro evitam disparo acidental. Implementado
2.5.3 A Operavel Rotulo no nome Nome acessivel contem o texto visivel do controle. Implementado
2.5.4 A Operavel Acionamento por movimento Sem dependencia de movimento do dispositivo. Implementado
3.1.1 A Compreensivel Idioma da pagina Documento definido como pt-BR. Implementado
3.1.2 AA Compreensivel Idioma de partes Termos em outro idioma identificados quando necessario. Implementado
3.2.1 A Compreensivel Ao receber foco Foco nao muda contexto inesperadamente. Implementado
3.2.2 A Compreensivel Ao receber entrada Mudancas importantes sao previsiveis ou confirmadas. Implementado
3.2.3 AA Compreensivel Navegacao consistente Menu e ordem visual consistentes. Implementado
3.2.4 AA Compreensivel Identificacao consistente Componentes com mesma funcao usam nomes consistentes. Implementado
3.3.1 A Compreensivel Identificacao de erro Erros de formulario comunicados de forma textual. Implementado
3.3.2 A Compreensivel Labels ou instrucoes Campos possuem labels e instrucoes quando necessario. Implementado
3.3.3 AA Compreensivel Sugestao de erro Erros indicam como corrigir quando possivel. Implementado
3.3.4 AA Compreensivel Prevencao de erro legal/financeiro Acoes sensiveis pedem confirmacao ou revisao. Implementado
4.1.1 A Robusto Analise sintatica HTML estruturado e sem duplicidade critica de ids. Implementado
4.1.2 A Robusto Nome, funcao e valor Componentes interativos expõem nome, papel e estado. Implementado
4.1.3 AA Robusto Mensagens de status Feedbacks e toasts usam regioes live sem roubar foco. Implementado
VLibras