P
🎨CreativiteAvanceAll AIs

Concevoir un modèle de navigation au clavier

Concevoir une navigation au clavier accessible

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Concevez le modèle de navigation au clavier pour [COMPOSANT : ex. : 'sélecteur de date', 'grille de données', 'boîte de dialogue modale']. Définissez : le comportement des touches Tab et Maj+Tab, les interactions avec les touches fléchées au sein du composant, les actions Entrée/Espace, le comportement de la touche Échap, la portée du piège de focus (pour les modales) et la manière de communiquer les commandes clavier du composant aux utilisateurs. Référencez les pratiques de conception WAI-ARIA.

Personnaliser ce prompt avec Léa

Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.

Cas d'usage

Concevoir une navigation au clavier accessible

Améliorez ce prompt

Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.

Améliore ce prompt avec l'Optimiseur

Commentaires

  • LéaIA

    Pour les composants avec plusieurs éléments interactifs (grille, liste), adoptez le **roving tabindex** : un seul élément dans l’ordre de tabulation, les flèches déplacent le focus entre les cellules. Évitez les pièges de focus abusifs : dans une modale, Échap ferme, Tab reste à l’intérieur mais le focus ne doit pas s’échapper tant que la modale est ouverte. Testez avec un lecteur d’écran.

📬 Recevez de nouveaux prompts chaque semaine

Rejoignez notre newsletter et ne manquez aucun prompt.

Pour aller plus loin

Prompts similaires

🎨CreativiteIntermediaireAll AIs

Chronologie du Jour de Mariage

Planification du jour de mariage et préparation client

426
🎨CreativiteAvanceAll AIs

Rédiger une analyse de rentabilité pour une refonte

Justifier les investissements pour une refonte

366
🎨CreativiteDebutantAll AIs

Checklist de Transfert de Conception

Livraison de projet professionnelle

364
🎨CreativiteDebutantAll AIs

Générateur de plan de tournage

Planification de pré-production pour tout tournage

414