Programa do Curso
Contexto Legal & Fundamentos da Acessibilidade
Módulo 1: Introdução à Lei de Acessibilidade e Sua Importância
- Visão geral da nova Lei de Acessibilidade (em vigor 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 de negócios
- Penalidades 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 & Diretrizes da Acessibilidade
- Princípios POUR (Perceptível, Operável, Compreensível, Robusto)
- Introdução às diretrizes WCAG
- Roles, estados e propriedades ARIA
- HTML semântico e seu papel na acessibilidade
Módulo 3: Configuração de um Ambiente de Desenvolvimento Acessível
- Ferramentas: ferramentas de desenvolvedor do navegador, leitores de tela (NVDA, VoiceOver), extensões de acessibilidade
- Configuração de linters e ferramentas de testes de acessibilidade automatizados
- Visão geral das ferramentas comuns de testes de acessibilidade
- Configuração de testes de acessibilidade em simuladores e dispositivos reais móveis (usando VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Codificação Prática – HTML Semântico & Navegação por Teclado
- Escrevendo markup semântica para acessibilidade
- Garantindo a navegabilidade completa por teclado
- Técnicas de gerenciamento de foco
- Tratando formulários e elementos interativos de forma acessível
Acessibilidade em Aplicativos Nativos Móveis (Módulo opcional adicional de 1,5 hora)
- Diretrizes-chave das plataformas (Google Material, Apple Human Interface)
- Tornando a navegação, botões e formulários acessíveis no mobile
- Problemas comuns de acessibilidade em dispositivos móveis e soluções
- Testes hands-on com VoiceOver e TalkBack
Codificação Avançada & Tecnologias Assistivas
Módulo 5: CSS Acessível e Design Visual
- Melhores práticas de contraste de cores e tamanho de texto
- Estilos de foco e indicadores visíveis de foco
- Considerações de design responsivo para acessibilidade
- 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 Ricas na Internet
- Quando e como usar atributos ARIA
- Gerenciando regiões ao vivo para leitores de tela
- Criando widgets e componentes personalizados acessíveis
- Papel do ARIA em SPAs (Aplicações de Página Única)
- Para mobile, discutir papéis e rótulos de acessibilidade nas plataformas nativas (por exemplo, contentDescription no Android, accessibilityLabel no iOS).
Módulo 7: Laboratório de Codificação Hands-on: Construindo Componentes Acessíveis
- Criar botões, modais, dropdowns, abas acessíveis
- Implementar validação de formulários e tratamento de erros acessíveis
- Usar ARIA e HTML semântico para componentes de interface do usuário do mundo real
Testes, Conformidade e Acessibilidade Contínua
Módulo 8: Testes & Auditoria de Acessibilidade
- Técnicas de testes manuais com leitores de tela e apenas teclado
- Testes automatizados com ferramentas como axe, Lighthouse, pa11y
- Escrevendo casos de testes de acessibilidade para equipes de QA
- Integrando testes de acessibilidade em pipelines CI/CD
- Como executar auditorias de acessibilidade em aplicativos nativos móveis (testes manuais, ferramentas automatizadas como Accessibility Scanner, Espresso para Android, XCTest para iOS)
Módulo 9: Remediação & Acessibilidade Contínua
- Problemas comuns de acessibilidade e como resolvê-los
- Gerenciando acessibilidade em bases de código legadas
- Manter 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
- Construir ou refatorar um pequeno app/módulo para atender aos padrões de acessibilidade
- Revisão por pares e discussão em grupo
- Sessão 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 de desenvolvimento web/móvel
- Notebook com ambiente de desenvolvimento configurado (editor de código, ferramentas de desenvolvedor do navegador)
Público-Alvo
- Desenvolvedores Frontend/Backend/Móveis
- Designers UI/UX com conhecimento de codificação
- Engenheiros QA focados em testes de acessibilidade
- Proprietários de Produtos e Gerentes de Projetos envolvidos em conformidade com a acessibilidade
Declaração de Clientes (5)
"Eu realmente apreciei a abordagem em tempo real que o instrutor usou para mostrar como nossa equipe pode aplicar o Design Centrado no Ser Humano (HCD) ao nosso projeto. Também foi ótimo que o instrutor tenha dedicado tempo para entender nosso projeto de forma geral, o que ajudou a fornecer orientações claras e práticas sobre como podemos abordar melhor tanto a UX quanto a UI."
Nichole Bryant Joven - Grundfos
Curso - Human-Centered Design (HCD)
Máquina Traduzida
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