Auditoria de acessibilidade

O problema encontrado é a usabilidade completa do site de medicina da Johnson & Johnson do México. Tudo estuado no site estava fora dos padrões de acessibilidade da W3C. A intenção do projeto é de encontrar os problemas de UX e UI do e-commerce e assim, resolver os pontos.

Documentação da WCAG 2.2, site coolors.co para realizar testes de UI (contrastes) e site (WebAIM) para identificar problemas de acessibilidade.

O projeto envolveu uma auditoria e reestruturação completa do site com base nas diretrizes de acessibilidade da WCAG 2.2, com foco prioritário na experiência mobile. Sabendo que o público-alvo é composto majoritariamente por médicos e assistentes — muitos em faixas etárias mais avançadas —, o design precisava ser profundamente empático com o contexto de uso. Projetamos a interface considerando o usuário que acessa o sistema no final de um longo expediente, priorizando decisões visuais e estruturais que pudessem reduzir a carga cognitiva diante da fadiga mental e visual.
Para garantir uma navegação acessível e sem fricções, atuamos em duas frentes principais:
Refinamento Visual e de Interface
• Contraste otimizado: Revisamos a paleta de cores e elevamos a relação de contraste da grande maioria dos elementos para o rigoroso padrão AAA.
• Legibilidade: Estabelecemos uma tipografia com tamanho mínimo de 16px, garantindo uma leitura confortável e sem esforço em qualquer tamanho de tela.
• Áreas de toque seguras: Ajustamos todos os botões e ícones interativos para o padrão mínimo de 44px, prevenindo erros acidentais de clique e facilitando o uso para quem tem menor precisão motora.
Estrutura de Código e Tecnologias Assistivas
• Auditoria de código: Utilizamos ferramentas de varredura automatizada para mapear e corrigir lacunas de acessibilidade estrutural em todo o site.
• Apoio a leitores de tela: Implementamos textos alternativos e atributos semânticos (ARIA) em imagens, botões e elementos interativos. Isso permite que tecnologias assistivas leiam a interface de forma lógica para pessoas com baixa visão ou cegueira.
• Navegação por teclado: Garantimos que todo o fluxo de navegação e tomada de decisão no momento da compra possa ser realizado com total autonomia através do teclado, atendendo adequadamente a usuários com limitações motoras.