Design a keyboard navigation model
Design accessible keyboard navigation
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Design the keyboard navigation model for [component: e.g., 'date picker', 'data grid', 'modal dialog']. Define: Tab and Shift+Tab behavior, arrow key interactions within the component, Enter/Space actions, Escape behavior, focus trap scope (for modals), and how to communicate the component's keyboard controls to users. Reference WAI-ARIA authoring practices.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Evaluate a design for accessibility
Audit designs for accessibility
Explainer Video Script
Create engaging educational videos