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

Detalhes do Curso

Home - Detalhes do Curso

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

Curso Quase confirmado!

Próximas Turmas

Quase confirmado

Local

Modalidade

Online

Data Prevista

De 24/08/2026 a 04/09/2026

Horário Previsto

De 08:00 a 10:00

Valores

Online

3190.00

Presencial

0.00

Professor

Eduardo Corrêa

Descrição

Eduardo Corrêa

Senior Software Engineer com mais de 10 anos de experiência no desenvolvimento de softwares de grande escala. Especialista em Acessibilidade Digital, atua com a implementação e auditoria de conformidade técnica baseada nas diretrizes WCAG 2.2, eMAG e nas normas ISO 9241-171, ADA e EAA, com aplicação em projetos de alto impacto nas áreas de marketing digital e gestão de dados. Possui experiência prática e aprofundada com ferramentas de teste automatizado de acessibilidade, incluindo Cypress com cypress-axe e Playwright com axe-playwright, tendo integrado rotinas de verificação de conformidade em pipelines de CI/CD em projetos de médio e grande porte. Domina o uso de tecnologias assistivas (leitores de tela como NVDA e VoiceOver) como instrumento de validação técnica. Com trajetória consolidada na produção de conteúdo técnico especializado sobre acessibilidade digital, alia profundidade de engenharia à capacidade didática de conduzir equipes multidisciplinares, tornando-se referência na intersecção entre desenvolvimento de software, conformidade normativa e educação corporativa voltada ao setor público.

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!

Nome Completo

Email Corporativo

Telefone

Empresa

Modalidade

Fale Conosco!

Fale Conosco!

Detalhes do Curso

Home - Detalhes do Curso