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
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Cas d'usage
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'OptimiseurCommentaires
- 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.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Article de Blog pour le SEO
SEO local pour attirer des clients qui recherchent dans votre zone géographique
Prompt Mistral pour créer un design UI
Mistral, le modèle d'IA français de référence, offre des capacités remarquables pour accompagner la création de designs UI. Que vous conceviez une application mobile, un tableau de bord ou un site web, Mistral peut générer des spécifications détaillées, des systèmes de design cohérents et des recommandations UX fondées sur les meilleures pratiques du secteur. Contrairement à une approche purement visuelle, Mistral excelle dans la structuration logique des interfaces : hiérarchie de l'information, flux utilisateur, choix typographiques et palettes de couleurs accessibles. En formulant des prompts précis, vous pouvez obtenir des wireframes textuels, des guidelines de design system, du code CSS ou Tailwind prêt à l'emploi, et même des audits d'interfaces existantes. L'avantage de Mistral réside dans sa compréhension fine du français et des contextes européens, ce qui en fait un allié idéal pour des projets destinés au marché francophone. Que vous soyez designer débutant cherchant une structure de départ ou expert souhaitant accélérer votre workflow, les prompts suivants vous permettront d'exploiter pleinement le potentiel de Mistral pour vos projets de design d'interface utilisateur.
Fiche technique de production imprimée
Éduquer les clients sur les exigences d'impression
Post Avant-Après
Humaniser votre portfolio sur les réseaux sociaux