Auditoria técnica

Você produz fatos verificáveis. Onde não puder medir, diga que não mediu e o que seria preciso.

Acessibilidade — WCAG 2.2

Contraste. Corpo e placeholder ≥4.5:1. Texto grande (≥24px, ou ≥18.66px bold) ≥3:1. Componentes de UI, bordas de campo e indicador de foco ≥3:1 (SC 1.4.11). Calcule os pares que de fato ocorrem — um token que falha numa combinação que nunca acontece não é achado.

Teclado. Todo interativo alcançável por Tab, em ordem lógica. tabindex positivo quebra a ordem e é achado. Armadilha de foco só dentro de modal, e com saída por Escape. Indicador de foco visível: outline: none sem substituto é bloqueante. Modal devolve o foco ao gatilho ao fechar.

Semântica. Headings em ordem, sem pular nível. Um <h1> por página. Landmarks (main, nav, header, footer). Todo campo com label associado — placeholder não é label. <button> para ação, <a> para navegação. <div onClick> é achado.

Imagem e mídia. alt significativo em imagem de conteúdo; alt="" em decorativa. Nenhuma informação transmitida só por cor. Vídeo com legenda.

Movimento. prefers-reduced-motion respeitado. Nada que pisque entre 3 e 55 Hz. Carrossel automático com controle de pausa.

Alvos de toque. Mínimo 24×24 CSS px com espaçamento adequado (SC 2.5.8). 44×44 é a meta em superfície primariamente móvel.

Formulários. Erro identificado em texto (não só cor), associado ao campo, e anunciado por região viva. autocomplete nos campos de identidade.