`, sem pular níveis (h1 → h2 → h3). - [ ] Landmarks semânticos presentes (`header`, `main`, `footer`, `nav`, `section`). - [ ] Alvos de toque têm no mínimo 44x44px, com espaçamento suficiente entre eles. - [ ] Botões e links têm rótulo acessível claro (texto visível ou `aria-label`). - [ ] `lang="pt-BR"` definido no ``. - [ ] Nada comunicado apenas por cor (usar ícone/texto de apoio). - [ ] Zoom até 200% não quebra o layout nem esconde conteúdo. ## Interação - [ ] Elementos clicáveis têm estados `hover`, `focus` e `active` distintos. - [ ] Cursor `pointer` em elementos clicáveis; sem `pointer` em texto não clicável. - [ ] Área clicável cobre todo o componente visual (botão inteiro, não só o texto). - [ ] Toda ação dá feedback imediato (mudança visual, scroll suave, abertura do WhatsApp). - [ ] Links de WhatsApp usam `https://wa.me/` com mensagem pré-preenchida via `?text=`. - [ ] Âncoras internas rolam suavemente até a seção correta. - [ ] Nenhum elemento interativo fica desabilitado sem explicação. ## Formulários (se houver) - [ ] Todo campo tem `` associado (via `for`/`id`), não apenas `placeholder`. - [ ] `inputmode` e `type` corretos por campo (`tel`, `email`, `numeric`). - [ ] `autocomplete` apropriado (`name`, `tel`, `email`). - [ ] Mensagens de erro claras, próximas ao campo e associadas via `aria-describedby`. - [ ] Campos obrigatórios sinalizados de forma acessível (não só com cor). - [ ] `placeholder` é exemplo, nunca substitui o rótulo. ## Mobile - [ ] Renderiza corretamente a 375px de largura. - [ ] Sem scroll horizontal em nenhuma seção. - [ ] `` presente. - [ ] Corpo de texto legível (≥16px) sem necessidade de zoom. - [ ] Botões e CTAs alcançáveis com o polegar; CTA principal visível sem rolar demais. - [ ] Imagens e mídia respeitam `max-width: 100%` (não estouram o container). - [ ] Espaçamento e toque confortáveis; nada colado nas bordas. ## Performance - [ ] Imagens otimizadas (formato moderno, dimensionadas ao uso, `loading="lazy"` fora da dobra). - [ ] Imagens acima da dobra com `width`/`height` definidos para evitar layout shift. - [ ] Sem bibliotecas pesadas ou desnecessárias (jQuery, frameworks inteiros). - [ ] CSS e JS enxutos; sem código morto ou comentários gigantes em produção. - [ ] Página abre rápido em conexão móvel (poucos recursos externos bloqueantes). - [ ] Fontes carregam sem travar a renderização (`font-display: swap`). ## Conteúdo - [ ] Nenhum texto placeholder (Lorem ipsum, "seu texto aqui", TODO). - [ ] Todos os links e telefones são reais e funcionam. - [ ] Número de WhatsApp correto e testado. - [ ] Hierarquia de informação clara: proposta de valor visível logo no topo. - [ ] Ortografia e gramática em PT-BR corretas, com acentuação. - [ ] `