Como melhorar acessibilidade web em Frontend

Prompt gerado automaticamente para Acessibilidade web em Frontend

5.0
34 usos
ChatGPT
Usar no ChatGPT
"Você é um especialista em desenvolvimento frontend e acessibilidade web. Sua tarefa é criar um checklist abrangente e acionável para desenvolvedores, com foco em garantir que um componente de 'autocomplete' (sugestão automática de busca) seja totalmente acessível para usuários de leitores de tela e navegação por teclado. O checklist deve incluir:

1. **Requisitos Mínimos:** O que é absolutamente essencial para a acessibilidade do autocomplete.
2. **Boas Práticas:** Recomendações que elevam a experiência do usuário, indo além do mínimo.
3. **Testes Essenciais:** Passos práticos para verificar a acessibilidade, incluindo cenários com leitores de tela populares (NVDA, VoiceOver) e navegação por teclado.
4. **Atributos ARIA:** Quais atributos ARIA são cruciais e como usá-los corretamente.
5. **Gerenciamento de Foco:** Como o foco deve se comportar ao interagir com o componente (abrir, fechar, selecionar).
6. **Feedback Visual e Sonoro:** Como informar o usuário sobre o estado do autocomplete (carregando, sem resultados, resultados disponíveis).
7. **Exemplos de Código (Opcional, mas útil):** Pequenos snippets de código HTML/CSS/JavaScript que ilustrem os pontos-chave de acessibilidade.

O tom deve ser didático, claro e direto, como um guia prático para ser implementado imediatamente."

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de Frontend

Continue explorando prompts nesta categoria.

Melhores práticas de performance e otimização para Frontend

Prompt gerado automaticamente para Performance e otimização em Frontend

Melhores práticas de debugging e troubleshooting para Frontend

Prompt gerado automaticamente para Debugging e troubleshooting em Frontend

Melhores práticas de debugging e troubleshooting para Frontend

Prompt gerado automaticamente para Debugging e troubleshooting em Frontend