Navegacao por teclado completa para single-page application

Implementacao de navegacao por teclado para SPA com gerenciamento de foco, skip links, atalhos e suporte a tecnologias assistivas.

tecladonavegacaofocoSPAtab order

Objetivo do Prompt

Garantir que todo o produto seja 100% operavel via teclado, atendendo usuarios com deficiencia motora, usuarios de leitores de tela e power users que preferem atalhos de teclado.

Exemplo Real de Uso

A GestorPro, SaaS de gestao financeira de Joinville, descobriu que seu dashboard de financas e completamente inacessivel por teclado: Tab pula elementos aleatoriamente, modais nao prendem o foco, e ao navegar entre paginas o foco volta para o topo. Perdem 15% dos leads de acessibilidade por isso.

Prompt

Este prompt contém instruções detalhadas para a sua profissão. Com ele você vai poder gerar resultados incríveis usando qualquer ferramenta de IA como ChatGPT, Claude ou Gemini. O prompt inclui variáveis personalizáveis e exemplos práticos que facilitam o uso imediato no seu dia a dia de trabalho. Basta copiar, personalizar os campos marcados e colar no seu assistente de IA preferido. Prompts bem estruturados como este economizam horas de trabalho e garantem resultados muito superiores aos prompts genéricos.

Prompt exclusivo para assinantes

Assine para desbloquear este e milhares de outros prompts.

Assinar para desbloquear

Como usar este prompt

1Cole o prompt diretamente no ChatGPT, Claude, Gemini ou qualquer assistente de IA.
2Personalize os campos entre colchetes [assim] com suas informações específicas.
3Para melhores resultados, forneça contexto adicional sobre seu caso de uso.
4Combine múltiplos prompts em uma conversa para resultados mais completos.
5Salve os prompts que mais usa para acesso rápido no futuro.

Prompts relacionados

Ver todos

Auditoria WCAG 2.2 completa para produto digital brasileiro

Checklist de auditoria baseado nos criterios WCAG 2.2 nivel AA, adaptado ao contexto regulatorio brasileiro (Lei Brasileira de Inclusao).

IntermediárioWCAGauditoriaLBI

Aberto

Otimizacao para leitores de tela com ARIA e HTML semantico

Guia pratico de implementacao de landmarks, live regions, roles e properties ARIA para tornar interfaces ricas acessiveis via leitores de tela.

Avançadoleitor de telaARIAHTML semantico

Aberto

Sistema de cores acessivel com conformidade de contraste universal

Redesign de paleta de cores garantindo contraste WCAG AA/AAA em todos os contextos, incluindo modo escuro e daltonismo.

Iniciantecontrastecoresdaltonismo

Aberto

Padroes ARIA avancados para componentes custom de interface rica

Implementacao de WAI-ARIA Authoring Practices para componentes complexos: combobox, treegrid, date picker, drag-and-drop e rich text editor.

AvançadoARIAWAI-ARIAcomponentes ricos

Assinantes

Explore outras categorias de prompts

💻Programação e Dev 📱Redes Sociais 🎬Criação de Conteúdo Ver todas as categorias

Assine o AulasDeIA para desbloquear

Acesse 10.000+ prompts prontos para usar em qualquer profissão, além de todos os cursos da plataforma.

Assinar por R$ 49,90/mês

Cancele quando quiser. Sem multas.