Fale Conosco!

Edit Template

Fale Conosco!

Edit Template

Detalhes do Curso

Home - Detalhes do Curso

Implementando Acessibilidade Digital: Código, Auditoria e Testes Automatizados

Próximas Turmas

Descrição

Desenvolvedores e analistas de TI que atuam em órgãos públicos ou em empresas fornecedoras de sistemas governamentais enfrentam um desafio crescente: entregar software que cumpra as exigências de acessibilidade impostas pela Lei Brasileira de Inclusão (Lei n.º 13.146/2015), pelo Modelo de Acessibilidade em Governo Eletrônico (eMAG) e pelas diretrizes WCAG 2.2. O descumprimento dessas normas expõe os órgãos a autuações do TCU e da CGU e pode resultar na rejeição de entregas em fiscalizações de contrato. Este curso capacita profissionais de tecnologia a implementar acessibilidade diretamente no código — do HTML semântico ao uso correto de ARIA — e a automatizar a verificação de conformidade com Cypress e Playwright, integrando testes de acessibilidade ao pipeline de CI/CD. O participante aprende a detectar, corrigir e prevenir barreiras de acessibilidade de forma sistemática, escalável e auditável. A estrutura combina aulas conceituais com laboratórios práticos aplicados a sistemas e portais do contexto governamental, garantindo que o aprendizado seja imediatamente aplicável ao dia a dia do profissional.

Objetivo

Capacitar desenvolvedores e analistas de TI do setor público e de fornecedores de sistemas governamentais para implementar, auditar e automatizar testes de acessibilidade digital com base nas normas WCAG 2.2 e eMAG, habilitando-os a: • Escrever código HTML, CSS e JavaScript semanticamente correto e acessível segundo os critérios WCAG 2.2; • Utilizar ARIA (Accessible Rich Internet Applications) de forma adequada em componentes interativos; • Identificar e corrigir barreiras de acessibilidade por meio de ferramentas de auditoria manuais e automáticas; • Criar suítes de testes automatizados de acessibilidade com Cypress (cypress-axe) e Playwright (axe-playwright); • Integrar testes de acessibilidade ao pipeline de CI/CD, prevenindo regressões em produção; • Produzir documentação técnica de conformidade adequada ao contexto de contratos governamentais.

Público Alvo

O curso é destinado a: • Desenvolvedores front-end e full-stack de órgãos públicos ou de empresas fornecedoras de sistemas governamentais; • Analistas e técnicos de TI responsáveis pela qualidade e entrega de sistemas contratados pelo poder público; • Engenheiros de QA (Quality Assurance) que atuam com testes em projetos governamentais; • Profissionais de TI que precisam adequar sistemas existentes às exigências do eMAG e da LBI; • Auditores técnicos e fiscais de contratos com perfil de TI que necessitem validar conformidade de entregas.

Requisitos de Qualificação

• Lógica de programação básica (estruturas condicionais, loops e funções); • Conhecimento de HTML e CSS (marcação semântica, seletores e box model); • Noções de JavaScript (manipulação de DOM, funções e eventos) — exigido especialmente para o módulo de testes automatizados.
Dias
Horas
Minutos
Segundos

Conteúdo Programático

Fundamentos de Acessibilidade para Desenvolvedores

  • WCAG 2.2: princípios POUR e critérios de sucesso relevantes para devs
  • eMAG: mapeamento entre WCAG e o padrão do Governo Federal
  • Níveis de conformidade A, AA e AAA: o que o setor público exige
  • Responsabilidades legais: LBI, Decreto 5.296 e acórdãos do TCU
  • Ferramentas do ecossistema: visão geral do que será usado no curso

HTML Semântico e Estrutura Acessível

  • Hierarquia de headings e landmarks HTML5
  • Elementos nativos vs. divs: quando e por que usar cada um
  • Atributos essenciais: lang, alt, title, label e for
  • Formulários acessíveis: labels, fieldset, legend e mensagens de erro
  • Lab: revisão e correção de HTML em página governamental simulada

CSS Acessível: Contraste, Foco e Movimento

  • Contraste de cores: critérios WCAG 1.4.3, 1.4.6 e 1.4.11
  • Gestão do foco visível: :focus-visible e outline acessível
  • Conteúdo apenas visual vs. conteúdo informativo
  • Animações e movimento: prefers-reduced-motion
  • Lab: auditoria e correção de folha de estilos com problemas de contraste e foco

ARIA: Roles, States e Properties

  • Quando usar ARIA (e quando não usar)
  • Principais roles: button, dialog, alert, navigation, region
  • States e properties mais comuns: aria-label, aria-describedby, aria-expanded
  • Live regions: aria-live, aria-atomic, aria-relevant
  • Lab: implementação de modal e menu dropdown acessíveis

Componentes Interativos e Navegação por Teclado

  • Padrões do ARIA Authoring Practices Guide (APG)
  • Gerenciamento de foco em SPAs e fluxos dinâmicos
  • Armadilhas de foco em modais, drawers e tooltips
  • Skip links e navegação por rotas acessíveis
  • Lab: implementação de accordion, tabs e combobox acessíveis

Imagens, Mídia e Documentos Acessíveis

  • Textos alternativos: funcionais, decorativos e complexos
  • SVG acessível: title, desc e role
  • Legendas, audiodescrição e transcrições para vídeo e áudio
  • Tabelas acessíveis: caption, thead, scope e summary
  • Lab: correção de galeria de imagens e tabela de dados governamental

Auditoria Manual e Ferramentas de Diagnóstico

  • Metodologia de auditoria manual com e sem tecnologia assistiva
  • NVDA e VoiceOver: uso básico para validação técnica
  • axe DevTools: uso avançado e interpretação de relatórios
  • WAVE e Lighthouse: complementaridade entre ferramentas
  • Lab: auditoria completa de portal governamental e registro de issues

Introdução a Testes Automatizados de Acessibilidade

  • Por que automatizar testes de acessibilidade
  • O que testes automáticos cobrem e o que não cobrem
  • Biblioteca axe-core: funcionamento e regras disponíveis
  • Configuração de ambiente: Node.js, npm e estrutura de projeto
  • Lab: primeiro teste automatizado de acessibilidade com axe-core puro

Testes Automatizados com Cypress + cypress-axe

  • Instalação e configuração do Cypress com cypress-axe
  • Estrutura de um teste: cy.checkA11y e configuração de regras
  • Filtrando violações por impacto (critical, serious, moderate)
  • Escrevendo testes para fluxos completos (login, formulário, modal)
  • Lab: suíte de testes Cypress para sistema governamental simulado

Testes Automatizados com Playwright + axe-playwright

  • Instalação e configuração do Playwright com axe-playwright
  • Diferenças práticas entre Cypress e Playwright para acessibilidade
  • Testes multi-browser: Chrome, Firefox e Safari
  • Geração de relatórios e exportação de evidências
  • Lab: reescrita da suíte da sessão 09 em Playwright

Integração em CI/CD e Cultura de Acessibilidade no Time

  • Integração de testes de acessibilidade no GitHub Actions
  • Estratégias de falha: bloquear build vs. reportar e monitorar
  • Dashboards de monitoramento de conformidade ao longo do tempo
  • Como documentar issues de acessibilidade no backlog
  • Boas práticas para incluir acessibilidade no Definition of Done

Workshop Final: Auditoria, Correção e Documentação Técnica

  • Auditoria completa de sistema simulado: da detecção à correção
  • Produção de laudo técnico de acessibilidade para contrato governamental
  • Estrutura de relatório de conformidade aceito em fiscalizações
  • Avaliação de aprendizagem e feedback dos participantes
  • Encerramento e plano de ação individual

FAQ

Este curso é destinado a servidores públicos, gestores, técnicos e profissionais que atuam ou desejam atuar nas áreas relacionadas ao conteúdo programático apresentado.

Os cursos podem ser ofertados nas modalidades presencial ou online ao vivo, conforme informações disponíveis nesta página.

Sim. Os participantes que cumprirem os critérios estabelecidos receberão certificado de participação, com a respectiva carga horária.

Sim. O conteúdo é elaborado e atualizado com base na legislação vigente, normas aplicáveis e entendimentos dos órgãos de controle.

Sim. Os participantes terão acesso ao material didático de apoio, conforme definido na descrição do curso.

Reserve sua Vaga!

A MMP Cursos é especializada na capacitação de servidores públicos, oferecendo cursos presenciais, online ao vivo e In-Company.

Links Rápidos

Sobre a MMP

Cursos Abertos

Cursos In-Company

Blog

Contato

Institucional

Quem Somos

Corpo Docente

Atestados

Como Funciona

Acessibilidade

Suporte

Perguntas Frequentes

Termos de Uso

Política de Privacidade

LGPD

Fale Conosco

Informações

CNPJ Nº 14.087.594/000-24

CF/DF: 07.581.964/001.00

Setor de Rádio e Televisão Sul Bloco E Lotes 1/3 Sala 212, Parte A1 – Asa Sul, Brasília – DF, 70340-901

(61) 9 9445-4563

© 2025 – MMP Cursos