Programa do Curso
Dia 1: Contexto Legal & Fundamentos de Acessibilidade
Módulo 1: Introdução à Lei de Acessibilidade e sua Importância
- Visão geral da nova lei de acessibilidade (vigorando a partir de 28 de junho)
- Requisitos legais e prazos
- Impacto no setor público, empresas privadas e desenvolvedores
- Por que a acessibilidade importa: perspectivas sociais, éticas e empresariais
- Penas por não conformidade
- Visão geral dos padrões de acessibilidade (WCAG 2.1/2.2, ARIA)
- Categorias de deficiências
Módulo 2: Princípios e Diretrizes de Acessibilidade
- Princípios POUR (Percebível, Operável, Compreensível, Robusto)
- Introdução às diretrizes WCAG
- Papéis, estados e propriedades da ARIA
- Semântica HTML e seu papel na acessibilidade
Módulo 3: Configuração de um Ambiente de Desenvolvimento Acessível
- Ferramentas: ferramentas do desenvolvedor do navegador, leitores de tela (NVDA, VoiceOver), extensões de acessibilidade
- Configuração de linters e ferramentas automatizadas de teste de acessibilidade
- Visão geral das ferramentas comuns de teste de acessibilidade
- Configuração de testes de acessibilidade em simuladores móveis e dispositivos reais (usando VoiceOver/TalkBack, Android Acessibilidade Scanner, Xcode Acessibilidade Inspector).
Módulo 4: Codificação Prática – Semântica HTML e Navegação por Teclado
- Escrevendo marcação semântica para acessibilidade
- Certificando-se de que a navegação total seja possível com teclado
- Técnicas de gerenciamento do foco
- Lidando com formulários e elementos interativos de forma acessível
Acessibilidade em Aplicativos Móveis Nativos (Módulo opcional adicional por 1,5 hora)
- Diretrizes-chave da plataforma (Google Material, Interface Humana do Apple)
- Tornando a navegação, botões e formulários acessíveis em dispositivos móveis
- Problemas de acessibilidade comuns no mobile e soluções
- Teste prático com VoiceOver e TalkBack
Dia 2: Codificação Avançada & Tecnologias Assistivas
Módulo 5: Design Visível e Acessível CSS
- Práticas recomendadas para contraste de cores e tamanho do texto
- Espaços focais e indicadores visíveis de foco
- Considerações de design responsivo para acessibilidade
- Avoiding accessibility pitfalls in animations and transitions (Evitando armadilhas de acessibilidade em animações e transições)
- Diretrizes de contraste de cores e tamanho para telas móveis.
Módulo 6: ARIA para Conteúdo Dinâmico & Aplicações da Internet Rica
- Quando e como usar atributos ARIA
- Gestão de regiões ao vivo para leitores de tela
- Criação de widgets acessíveis e componentes personalizados
- Papel do ARIA em SPA (Aplicações Única Página)
- Para mobile, discutir papéis e rótulos de acessibilidade nas plataformas nativas (por exemplo, contentDescription no Android, accessibilityLabel no iOS).
Módulo 7: Lab de Codificação Prática: Construindo Componentes Acessíveis
- Criar botões acessíveis, modais, dropdowns e abas
- Implementar validação de formulários e tratamento de erros de forma acessível
- Usar ARIA e semântica HTML para componentes UI do mundo real
Dia 3: Teste, Conformidade e Acessibilidade Contínua
Módulo 8: Testes de Acessibilidade & Auditorias
- Técnicas manuais de teste com leitores de tela e teclado apenas
- Teste automatizado com ferramentas como axe, Lighthouse, pa11y
- Escrivendo casos de teste de acessibilidade para equipes QA
- Integração de testes de acessibilidade em pipelines CI/CD
- Como realizar auditorias de acessibilidade em aplicativos móveis nativos (testes manuais, ferramentas automatizadas como Acessibilidade Scanner, Espresso para Android, XCTest para iOS)
Módulo 9: Remediação & Acessibilidade Contínua
- Problemas de acessibilidade comuns e como corrigi-los
- Gestão de acessibilidade em bases de código legado
- Mantendo a acessibilidade durante atualizações de recursos e refatoração
- Acessibilidade em aplicativos multiplataforma (móvel, desktop, web)
Módulo 10: Exercício Prático Final e Encerramento
- Criar ou refatorar um pequeno aplicativo/módulo para atender às normas de acessibilidade
- Revisão por pares e discussão em grupo
- Sessões de perguntas e respostas e feedback
- Recursos para aprendizado contínuo e atualizações de conformidade
Requisitos
- Conhecimento básico a intermediário de HTML, CSS, JavaScript
- Conhecimento básico a intermediário de técnicas de aplicativos móveis (Android, IOS)
- Familiaridade com frameworks frontend (React, Angular, Vue, etc.) é um diferencial
- Familiaridade com desenvolvimento de aplicativos móveis é um diferencial
- Compreensão básica do ciclo de vida do desenvolvimento web/móvel
- Notebook com ambiente de desenvolvimento configurado (editor de código, ferramentas de dev do navegador)
Público-alvo - Desenvolvedores Frontend/Backend/Mobile
- Designers UI/UX com conhecimento em codificação
- Engenheiros QA focados em testes de acessibilidade
- Dono de Produto e Gerentes de Projeto envolvidos na conformidade com a acessibilidade
Declaração de Clientes (5)
O fato de haver exemplos práticos com o conteúdo
Smita Hanuman - Standard Bank of SA Ltd
Curso - Basel III – Certified Basel Professional
Máquina Traduzida
Velocidade de resposta e comunicação
Bader Bin rubayan - Lean Business Services
Curso - ISO/IEC 27001 Lead Implementer
Máquina Traduzida
Gostei do fato de o instrutor parecer muito conhecedor sobre o Figma.
January Oliva - Eko Health
Curso - User Experience Design with Figma
Máquina Traduzida
- os exercícios são práticos - o instrutor é útil ao responder nossas perguntas específicas
Germaine Choi - The Hong Kong Jockey Club
Curso - User Experience (UX) Design
Máquina Traduzida
A atmosfera, a abordagem aos exercícios e os comentários sobre as tarefas. Foi uma forma tão agradável e relaxante de transmitir o conhecimento
Elzbieta Moc-Kilanska - EY GDS
Curso - User Experience UX Design Fundamentals
Máquina Traduzida