Garantir que um produto digital funcione para todas as pessoas é uma das principais missões de profissionais de qualidade, que também atendem pela sigla de QA (do inglês “Quality Assurance” ou “Garantia de Qualidade”, em português).
Recentemente, notamos um movimento crescente de pessoas que trabalham nessa área nos perguntando “Por onde começar os estudos em acessibilidade digital de forma prática e aplicada à realidade de QAs?”. Para responder a essa pergunta, convidamos Lucas Aureliano, um profissional da nossa rede que há alguns anos fez transição da carreira jurídica para a de QA de acessibilidade digital.
Lucas passou por grandes instituições financeiras, seguradoras, varejistas e hoje atua no Grupo Boticário. Seu trabalho envolve desde a validação de componentes em Design Systems até o apoio a times de diversas áreas em testes de sites e aplicativos, além de promover a conscientização sobre o tema dentro da organização.
“Essa curadoria reúne os conteúdos que eu adoraria ter tido conhecimento no começo da minha jornada até me tornar um QA”, afirma Lucas ao contar como selecionou cuidadosamente cada um dos 28 links listados a seguir.
A escolha desses conteúdos não foi por acaso. Como o trabalho de QAs de acessibilidade envolve desde a validação técnica de componentes em um Design System até o suporte estratégico a diversos times, ele selecionou materiais que oferecem uma base sólida para quem precisa garantir a qualidade em diferentes frentes.
A ideia é que esses recursos ajudem a entender as normas técnicas (como a WCAG e a ABNT NBR 17225), a dominar ferramentas de automação e, principalmente, a desenvolver o pensamento crítico necessário para atuar na conscientização de equipes e na realização de testes manuais que simulam a experiência real de pessoas com deficiência usuárias de aplicações digitais.
Este guia funciona como um verdadeiro roteiro de estudos, cobrindo desde os fundamentos básicos e a documentação oficial até simuladores de empatia, além de dicas valiosas sobre a rotina da profissão. Salve esta matéria nos seus favoritos para revisar o conteúdo sempre que houver dúvidas enquanto você estiver colocando em prática o que aprendeu.
Conceitos e fundamentos
- Saiba por onde começar seu aprendizado: guia introdutório orientando profissionais sobre as primeiras etapas no estudo da acessibilidade digital, conceitos básicos e recursos para iniciantes.
- Portal Todos na Web: iniciativa do Ceweb.br focada em promover inclusão digital. Reúne estudos, cartilhas e melhores práticas de acessibilidade.
- Podcast Todos na Web: podcast sobre acessibilidade digital, com entrevistas e debates de especialistas para ajudar a entender de forma simples os requisitos e recomendações da norma ABNT NBR 17225.
- Guia de Acessibilidade da BBC (conteúdo em inglês): guia de acessibilidade da emissora britânica BBC com diretrizes e exemplos de usabilidade, design e código inclusivo, baseadas na forte cultura de acessibilidade da empresa.
Normas e documentação técnica
- WCAG 2.2 em Português: tradução oficial e autorizada do WCAG 2.2 para português brasileiro. É o principal documento técnico que norteia qualquer teste e avaliação de acessibilidade na web.
- Norma ABNT NBR 17225: documento oficial em PDF da norma de acessibilidade em conteúdo e aplicações web ABNT NBR 17225, contendo todos os requisitos e recomendações, além de um checklist exclusivo.
- Correspondência entre os critérios da WCAG 2.2 e os itens da ABNT NBR 17225: publicação técnica que correlaciona os dois documentos com o objetivo de facilitar o entendimento sobre a relação entre eles.
- Aprenda mais sobre a ABNT NBR 17225: curadoria sobre o que é a norma e minicursos de produção de conteúdo, design e programação acessível com base nos requisitos e recomendações da norma nacional.
- WAI-ARIA Cheat Sheet (conteúdo em inglês): guia de consulta rápida (cheat sheet) sobre WAI-ARIA 1.1. Explica funções, estados e propriedades ARIA para ajudar QAs a avaliarem componentes web criados para tecnologias assistivas.
- Entendendo as Regras ACT (conteúdo em inglês): documentação do W3C que explica as “Regras ACT” (Accessibility Conformance Testing ou Teste de Conformidade de Acessibilidade, em português). Ensina como padronizar testes de conformidade para garantir maior consistência nas avaliações de QA.
- Formato das Regras ACT (conteúdo em inglês): especificação oficial do W3C sobre o formato das “Regras ACT”. Define a estrutura padrão para escrever e documentar regras de testes.
- Repositório das Regras ACT validadas (conteúdo em inglês): biblioteca de testes padronizados pelo W3C para consulta rápida.
- Metodologia francesa (RGAA) (conteúdo em francês): metodologia do governo francês com critérios e testes para avaliação de acessibilidade. Excelente referência detalhada para estruturar processos manuais de QA.
Ferramentas e extensões úteis
- Checklist prático ABNT NBR 17225: ferramenta baseada na norma brasileira que ajude a guiar, padronizar e registrar testes manuais de qualidade.
- Calculadora de Contraste da UFRGS: calculadora de contraste desenvolvida pela Universidade Federal do Rio Grande do Sul (UFRGS) que ajuda QAs verificarem rapidamente se as cores atendem aos critérios de sucesso da WCAG.
- DigitalA11y Tublets (conteúdo em inglês): extensão para navegador que permite analisar elementos de acessibilidade, links e validações de marcação WAI-ARIA diretamente nas páginas inspecionadas.
- Colour Contrast Checker (conteúdo em inglês): extensão do Chrome voltada para testar o contraste de cores das páginas, garantindo conformidade com os níveis AA e AAA do WCAG.
- HeadingsMap (conteúdo em inglês): extensão que gera um índice com a estrutura de cabeçalhos (H1 a H6) da página. Muito útil para testar a semântica e a organização do conteúdo.
- Color Blindness Empathy Test (conteúdo em inglês): extensão que simula daltonismo no navegador. Permite testar visualmente se a interface continua compreensível sem depender apenas do uso de cores.
- Silktide Website Accessibility Simulator (conteúdo em inglês): simulador de acessibilidade que permite testar a página web por meio de simulações de dislexia, daltonismo, baixa visão, entre outras deficiências.
Testes práticos e diagnósticos
- 10 testes rápidos de acessibilidade: testes simples para identificar rapidamente barreiras críticas de acessibilidade.
- Testando com Talkback (Android): tutorial prático para aprender a utilizar o leitor de telas Talkback (Android) para avaliar a acessibilidade em sites e aplicativos móveis.
- Testando com Google Lighthouse: tutorial sobre como usar o Google Lighthouse para realizar auditorias automatizadas, identificando problemas iniciais de acessibilidade nas aplicações web.
- Avaliador, manual e checklist AMAWeb: plataforma brasileira para fazer avaliações de acessibilidade em páginas web com base no WCAG e na ABNT NBR 17225.
O lado humano e carreira de QA
- A rotina de um QA de acessibilidade digital: reportagem sobre o dia a dia e as responsabilidades de um Analista de QA em acessibilidade, detalhando processos, testes e a importância da empatia na área.
- Tecnologia assistiva utilizada por pessoas neuroatípicas: adaptações e tecnologias assistivas usadas por pessoas neuroatípicas, ajudando QAs a entenderem diferentes necessidades cognitivas e de foco.
- Tecnologia assistiva utilizada por pessoas com deficiência visual: exemplos de recursos como leitores de tela, ampliadores e linhas Braille e suas utilizações por internautas com deficiência visual.
- Carreiras em acessibilidade: plataforma com foco em pessoas que atuem ou querem atuar com a criação ou desenvolvimento de produtos ou serviços digitais e desejam focar sua carreira para a acessibilidade.