Trilha de estudo
Trilha Acessibilidade (a11y): tudo o que estudar, tópico por tópico
Avaliacao abrangente de acessibilidade cobrindo modelos de deficiencia, padroes WCAG, HTML semantico e ARIA, testes automatizados e manuais, design inclusivo, contraste de cores, acessibilidade de midia e estrategia organizacional de acessibilidade.
Resposta curta
Para aprender Acessibilidade (a11y), percorra 6 módulos e 22 tópicos na ordem em que um apoia o próximo. Comece por Fundamentos de Acessibilidade e siga para Padroes WCAG e HTML Semantico & ARIA. Use o mapa como checklist, ou meça seu nível e estude só o que falta.
O que você vai estudar
Os tópicos estão agrupados por módulo. Abra um para ver os objetivos e os conceitos-chave.
1 · Fundamentos de Acessibilidade4 tópicos
Modelos de Deficiencia
Modelo medico vs social de deficiencia, tipos de deficiencia (visual, auditiva, motora, cognitiva, fala), deficiencias temporarias vs permanentes vs situacionais, linguagem centrada na pessoa vs identidade
Objetivos
- Distinguir entre modelos medico e social de deficiencia
- Identificar como deficiencias temporarias, permanentes e situacionais afetam usuarios
Conceitos-chave
- modelo medico de deficiencia
- modelo social de deficiencia
- deficiencias visuais
- deficiencias auditivas
- deficiencias motoras
- deficiencias cognitivas
- deficiencias situacionais
- linguagem centrada na pessoa
Tecnologias Assistivas
Leitores de tela (NVDA, JAWS, VoiceOver), ampliadores de tela, dispositivos de acionamento, rastreamento ocular, software de reconhecimento de voz, displays braille, dispositivos de entrada alternativos
Objetivos
- Identificar tecnologias assistivas comuns e seus usuarios-alvo
- Explicar como leitores de tela interpretam conteudo web
Conceitos-chave
- leitores de tela
- ampliadores de tela
- dispositivos de acionamento
- rastreamento ocular
- reconhecimento de voz
- displays braille
- teclados alternativos
- modelos de interacao com tecnologia assistiva
Panorama Juridico
ADA (Americans with Disabilities Act), Secao 508, EN 301 549, EAA (European Accessibility Act), AODA, processos de acessibilidade, prazos de conformidade
Objetivos
- Identificar leis de acessibilidade principais e suas jurisdicoes
- Explicar riscos de negocio e legais de produtos inacessiveis
Conceitos-chave
- ADA (Americans with Disabilities Act)
- Secao 508
- EN 301 549
- European Accessibility Act (EAA)
- AODA
- processos de acessibilidade
- prazos de conformidade
- defesa de onus excessivo
Principios de Design Inclusivo
Design universal, aprimoramento progressivo, efeito rampa de calcada, projetar para casos extremos, acessibilidade como espectro, pesquisa de usuario inclusiva
Objetivos
- Aplicar principios de design inclusivo em decisoes de produto
- Explicar como projetar para deficiencia beneficia todos os usuarios
Conceitos-chave
- design universal
- aprimoramento progressivo
- efeito rampa de calcada
- projetar para extremos
- espectro de acessibilidade
- pesquisa de usuario inclusiva
- abordagem one-size-fits-one
- design baseado em habilidade
2 · Padroes WCAG4 tópicos
WCAG Perceptivel
Alternativas de texto (1.1), midia baseada em tempo (1.2), conteudo adaptavel (1.3), conteudo distinguivel (1.4), alt text, legendas, taxas de contraste de cor
Objetivos
- Escrever alt text eficaz para diferentes tipos de imagem
- Aplicar criterios de sucesso de perceptibilidade WCAG ao conteudo web
Conceitos-chave
- alternativas de texto (1.1)
- alternativas de midia baseada em tempo (1.2)
- conteudo adaptavel (1.3)
- conteudo distinguivel (1.4)
- boas praticas de alt text
- legendas e transcricoes
- taxas de contraste de cor
- reflow de conteudo
WCAG Operavel
Acessibilidade por teclado (2.1), temporizacao ajustavel (2.2), convulsoes e flashes (2.3), conteudo navegavel (2.4), modalidades de entrada (2.5), gerenciamento de foco, links de pular
Objetivos
- Garantir que todos os elementos interativos sejam acessiveis por teclado
- Implementar gerenciamento de foco e navegacao adequados
Conceitos-chave
- acessibilidade por teclado (2.1)
- temporizacao ajustavel (2.2)
- convulsoes e flashes (2.3)
- conteudo navegavel (2.4)
- modalidades de entrada (2.5)
- gerenciamento de foco
- links de pular navegacao
- indicador de foco visivel
WCAG Compreensivel
Conteudo legivel (3.1), comportamento previsivel (3.2), assistencia de entrada (3.3), declaracao de idioma, navegacao consistente, identificacao de erros, rotulos e instrucoes
Objetivos
- Projetar interfaces de usuario previsiveis e consistentes
- Implementar tratamento eficaz de erros e assistencia de entrada
Conceitos-chave
- conteudo legivel (3.1)
- comportamento previsivel (3.2)
- assistencia de entrada (3.3)
- declaracao de idioma
- navegacao consistente
- identificacao de erros
- rotulos e instrucoes
- sugestao e prevencao de erros
WCAG Robusto
Conteudo compativel (4.1), parsing de HTML valido, nome-papel-valor, mensagens de status, niveis de conformidade WCAG (A, AA, AAA), diferencas WCAG 2.1 vs 2.2
Objetivos
- Garantir compatibilidade do conteudo com tecnologias assistivas
- Distinguir entre niveis e versoes de conformidade WCAG
Conceitos-chave
- conteudo compativel (4.1)
- parsing de HTML valido
- nome-papel-valor (4.1.2)
- mensagens de status (4.1.3)
- niveis de conformidade WCAG
- adicoes do WCAG 2.1
- adicoes do WCAG 2.2
- compatibilidade retroativa
3 · HTML Semantico & ARIA4 tópicos
HTML Semantico
Landmarks (header, nav, main, footer), hierarquia de titulos, listas, tabelas, elementos semanticos vs divs, estrutura do documento, conteudo secional
Objetivos
- Estruturar paginas web usando elementos HTML semanticos
- Criar estruturas de documento significativas com hierarquia de titulos adequada
Conceitos-chave
- elementos landmark
- hierarquia de titulos (h1-h6)
- listas semanticas (ul, ol, dl)
- tabelas de dados vs tabelas de layout
- conteudo secional
- estrutura do documento
- figure e figcaption
- elementos time e address
Fundamentos de ARIA
Papeis, estados e propriedades ARIA; aria-label, aria-labelledby, aria-describedby, aria-hidden, regioes aria-live, primeira regra do ARIA, taxonomia de papeis
Objetivos
- Aplicar atributos ARIA corretamente seguindo a primeira regra do ARIA
- Implementar regioes live para anuncios de conteudo dinamico
Conceitos-chave
- papeis ARIA
- estados e propriedades ARIA
- aria-label e aria-labelledby
- aria-describedby
- aria-hidden
- regioes aria-live
- primeira regra do ARIA
- taxonomia de papeis (landmark, widget, documento)
Padroes de Widget ARIA
WAI-ARIA Authoring Practices, abas, acordeoes, dialogos, menus, arvores, combobox, grid, roving tabindex, captura de foco, padroes de interacao por teclado
Objetivos
- Implementar padroes complexos de widgets ARIA com interacao adequada por teclado
- Aplicar diretrizes WAI-ARIA Authoring Practices a componentes personalizados
Conceitos-chave
- WAI-ARIA Authoring Practices
- padrao de abas
- padrao de acordeao
- padrao de dialogo/modal
- padrao de menu
- padrao de arvore
- roving tabindex
- captura de foco
Formularios & Validacao Acessiveis
Associacao de rotulos, fieldset/legend, mensagens de erro, campos obrigatorios, validacao em linha, aria-invalid, aria-errormessage, autocomplete acessivel
Objetivos
- Construir formularios acessiveis com rotulagem e tratamento de erros adequados
- Implementar validacao em linha compativel com tecnologias assistivas
Conceitos-chave
- associacao de rotulos (for/id)
- fieldset e legend
- associacao de mensagens de erro
- indicacao de campos obrigatorios
- validacao em linha
- aria-invalid
- aria-errormessage
- autocomplete acessivel
4 · Testes & Auditoria4 tópicos
Testes Manuais de Acessibilidade
Teste de navegacao somente por teclado, teste de zoom e reflow, verificacao de contraste de cores, linearizacao de conteudo, verificacao de ordem de tabulacao, teste de foco
Objetivos
- Conduzir testes sistematicos somente por teclado em aplicacoes web
- Verificar acessibilidade visual atraves de verificacoes de contraste e reflow
Conceitos-chave
- teste somente por teclado
- teste de zoom e reflow
- verificacao de contraste de cores
- linearizacao de conteudo
- verificacao de ordem de tabulacao
- teste de indicador de foco
- teste em modo de alto contraste
- teste de movimento reduzido
Ferramentas de Teste Automatizado
axe-core, Lighthouse, WAVE, pa11y, jest-axe, integracao de acessibilidade em CI/CD, cobertura de testes automatizados vs manuais, falsos positivos/negativos
Objetivos
- Integrar testes automatizados de acessibilidade em fluxos de trabalho de desenvolvimento
- Compreender limitacoes de ferramentas de teste automatizado
Conceitos-chave
- biblioteca axe-core
- auditoria de acessibilidade Lighthouse
- extensao de navegador WAVE
- CLI pa11y
- integracao jest-axe
- integracao em pipeline CI/CD
- limitacoes de cobertura automatizada
- gerenciamento de falsos positivos
Testes com Leitor de Tela
Testes com NVDA, JAWS, VoiceOver, TalkBack; modos de leitura, navegacao por buffer virtual, interpretacao de saida do leitor de tela, diferencas entre leitores
Objetivos
- Conduzir testes completos com leitores de tela em multiplas plataformas
- Interpretar e agir sobre diferencas de saida entre leitores de tela
Conceitos-chave
- testes com NVDA
- testes com JAWS
- testes com VoiceOver (macOS/iOS)
- testes com TalkBack (Android)
- modo de navegacao vs modo de foco
- navegacao por buffer virtual
- interpretacao de saida do leitor de tela
- compatibilidade entre leitores
Auditorias de Acessibilidade
VPAT (Voluntary Product Accessibility Template), ACR (Accessibility Conformance Report), metodologia de auditoria, classificacao de severidade, planejamento de remediacao, testes de regressao
Objetivos
- Planejar e executar auditorias abrangentes de acessibilidade
- Criar documentacao VPAT/ACR para conformidade do produto
Conceitos-chave
- documentacao VPAT
- ACR (Accessibility Conformance Report)
- metodologia de auditoria
- classificacao de severidade
- planejamento de remediacao
- estrategia de testes de regressao
- metodologia de amostragem
- relatorios de conformidade
5 · Design & UX Acessivel4 tópicos
Cor & Contraste
Taxas de contraste WCAG (4.5:1 normal, 3:1 texto grande), consideracoes de daltonismo, indicadores nao-cor, acessibilidade do modo escuro, ferramentas e algoritmos de contraste
Objetivos
- Aplicar requisitos de contraste WCAG em decisoes de design
- Projetar esquemas de cores que funcionem para usuarios daltonicos
Conceitos-chave
- taxas de contraste WCAG
- limiar de texto grande (18pt/14pt negrito)
- tipos de daltonismo
- indicadores nao-cor
- acessibilidade do modo escuro
- algoritmos de verificacao de contraste
- contraste de texto em gradiente e imagem
- contraste de indicador de foco
Acessibilidade Responsiva
Reflow de conteudo a 320px, dimensionamento de alvo de toque (44x44px), independencia de orientacao, zoom de viewport, gestos de leitor de tela movel, tabelas responsivas
Objetivos
- Projetar layouts responsivos que mantenham acessibilidade entre dispositivos
- Implementar alvos de toque e reflow que atendam aos requisitos WCAG
Conceitos-chave
- reflow de conteudo a 320px
- dimensionamento de alvo de toque (44x44px)
- independencia de orientacao
- suporte a zoom de viewport
- gestos de leitor de tela movel
- tabelas responsivas
- padroes de navegacao responsiva
- sobreposicao de espacamento de texto
Acessibilidade de Midia
Legendas de video (abertas vs fechadas), audiodescricao, transcricoes, reprodutores de midia acessiveis, interpretacao em lingua de sinais, legendagem ao vivo, PDFs acessiveis
Objetivos
- Implementar acessibilidade abrangente de midia para conteudo de video e audio
- Escolher estrategias adequadas de legendagem e descricao
Conceitos-chave
- legendas abertas vs fechadas
- audiodescricao
- transcricoes
- reprodutores de midia acessiveis
- interpretacao em lingua de sinais
- legendagem ao vivo
- PDFs acessiveis
- multimidia sincronizada
Acessibilidade Cognitiva
Linguagem simples, layouts consistentes, minimizacao de carga cognitiva, criterios cognitivos WCAG 2.2, orientacao COGA, recuperacao de erros, nivel de leitura, auxilios de memoria
Objetivos
- Projetar interfaces que reduzam carga cognitiva para usuarios com deficiencias cognitivas
- Aplicar orientacao COGA para melhorar compreensao de conteudo
Conceitos-chave
- linguagem simples
- layouts consistentes
- reducao de carga cognitiva
- criterios cognitivos WCAG 2.2
- orientacao COGA (Deficiencias Cognitivas e de Aprendizagem)
- recuperacao de erros
- avaliacao de nivel de leitura
- auxilios de memoria e lembretes
6 · Acessibilidade Organizacional2 tópicos
Cultura & Advocacy de Acessibilidade
Construcao de campeoes de acessibilidade, programas de treinamento, acessibilidade em design system, shift-left em acessibilidade, modelos de maturidade de acessibilidade, contratacao inclusiva
Objetivos
- Construir e sustentar uma cultura de acessibilidade dentro de uma organizacao
- Criar programas eficazes de treinamento em acessibilidade
Conceitos-chave
- rede de campeoes de acessibilidade
- programas de treinamento
- acessibilidade em design system
- shift-left em acessibilidade
- modelos de maturidade de acessibilidade
- praticas de contratacao inclusiva
- grupos de recursos de funcionarios com deficiencia
- patrocinio executivo
Aquisicao & Conformidade
Avaliacao de acessibilidade de fornecedores, revisao de VPAT, aquisicao Secao 508, conformidade EN 301 549, declaracoes de acessibilidade, monitoramento e governanca
Objetivos
- Avaliar produtos de fornecedores para conformidade de acessibilidade
- Desenvolver frameworks de governanca organizacional para acessibilidade
Conceitos-chave
- avaliacao de acessibilidade de fornecedores
- revisao e avaliacao de VPAT
- requisitos de aquisicao Secao 508
- conformidade EN 301 549
- declaracoes de acessibilidade
- monitoramento e governanca
- avaliacao de componentes de terceiros
- requisitos de SLA de acessibilidade
Níveis: Júnior, Pleno, Sênior e Especialista
Explique com suas palavras
Corrigido por IA · sem cadastro · 1 perguntaSem alternativas para chutar: você escreve, a IA corrige com a rubrica do tópico e diz em que nível sua resposta está.
Já estuda Acessibilidade (a11y)?
A avaliação mede tópico por tópico, e o plano pula o que você já sabe.
Aberto para ler. A conta só é necessária para ser medido.
Perguntas frequentes
Por onde começar a estudar Acessibilidade (a11y)?
Comece por Fundamentos de Acessibilidade: Modelos de Deficiencia, Tecnologias Assistivas e Panorama Juridico. O mapa ordena os tópicos pelo que depende de quê, então cada um prepara o seguinte.
Quanto tempo leva uma avaliação completa de Acessibilidade (a11y)?
Uma avaliação completa desta trilha leva cerca de 45 minutos. O tempo de estudo depende de onde você começa; o diagnóstico mostra quais tópicos você pode pular.
Preciso de conta para usar esta página?
Não. O mapa, os objetivos e os conceitos-chave são abertos. A conta só é necessária para ser medido, ver seu gap por tópico e receber um plano.