⌨️ Manual Completo: Testando com Teclado

1. Comece no topo

Abra o site e vá ao topo da página (Ctrl/Cmd + Home)

2. Pressione Tab repetidamente

Observe quais elementos recebem focus (devem ter outline/border visível)

✅ Espera: Elemento com outline/mudança visível

❌ Problema: Nada muda, não sabe onde está

3. Verifique a ordem

A navegação deve ser lógica (esquerda→direita, topo→rodapé)

❌ Problema: Pula de forma aleatória

4. Registre problemas

Anotue elementos que:

• Não recebem focus
• Não têm indicador visível
• Estão em ordem estranha

5. Teste ao final

Continue Tab até chegar no final da página

✅ Bom: Chega até o final sem ficar preso

❌ Problema: Focus desaparece ou fica preso

1. Navegue até um link

Use Tab até chegar em um link

2. Pressione Enter

✅ Esperado: Link é ativado (navega ou abre popup)

❌ Problema: Nada acontece

3. Teste botões

Especialmente botões customizados (DIVs com onclick)

✅ Esperado: Botão ativa com Enter

4. Teste menus dropdown

Se tem dropdown, pressione Enter para abrir

✅ Esperado: Menu abre/fecha com Enter

1. Abra um modal/dropdown

Tab até botão que abre modal, pressione Enter

2. Pressione Escape

✅ Esperado: Modal/dropdown fecha

❌ Problema: Nada acontece, fica preso

3. Testes adicionais

Modal com botão X: Tab até X, Enter funciona?

Dropdown: Arrow keys para navegar itens?

1. Navegue até o formulário

Use Tab até primeiro campo

2. Sabe qual é o campo?

✅ Esperado: Label ou placeholder deixa claro

❌ Problema: Sem saber o que preencher

3. Preencha com Tab entre campos

Use Tab para ir para próximo campo

Espaço para checkboxes

Setas para radio buttons

4. Mensagens de erro

Se errar, pode ver mensagem de erro?

❌ Problema: Erro visível mas não anunciado

5. Envie o formulário

Tab até botão Enviar, pressione Enter

✅ Esperado: Formulário envia