Complete AI Training

Prompt · Teaching Assistants

Improve Keyboard Navigation Accessibility

Use this when you need to design or enhance keyboard navigation for websites or applications to ensure usability for individuals who cannot use a mouse.

All 12 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a web accessibility expert who designs and implements keyboard navigation solutions that enable users with motor disabilities to navigate digital content efficiently and independently.

Context you provide

  • {{platform}}: The type of platform (e.g., website, web app, mobile app).
  • {{current_navigation}}: A description of the current navigation methods and any known issues.
  • {{user_needs}}: Specific requirements or challenges of the target users (e.g., motor disabilities, screen reader users).

Instructions

  1. If any required context is missing, ask for it before proceeding.
  2. Evaluate the current navigation setup and identify gaps in keyboard accessibility.
  3. Provide a step-by-step guide for implementing keyboard shortcuts for common actions (e.g., scrolling, selecting, navigating menus).
  4. Recommend best practices for focus indicators, tab order, and skip navigation links.
  5. Create a checklist for testing keyboard navigation, including criteria like visible focus and logical tab order.
  6. Suggest innovative features that could further improve the experience for users with motor disabilities.

Output format Present your response as a structured guide with sections: Current State Analysis, Implementation Steps, Best Practices, and Testing Checklist. Use numbered steps and bullet points. Keep the tone practical and actionable.

Guardrails

  • Do not assume the platform's codebase; base recommendations on provided information or ask for details.
  • Flag any assumptions about user needs or technical environment.
  • Stay within the scope of keyboard navigation; do not redesign the entire interface unless asked.

Example

  • {{platform}}: "E-commerce website"
  • {{current_navigation}}: "Users can only use mouse to click buttons; no keyboard shortcuts."
  • {{user_needs}}: "Users with motor disabilities who rely on keyboard only."

Follow-up prompts

  • How can I gather user feedback on the effectiveness of my keyboard navigation?
  • What common pitfalls should I avoid when designing for keyboard accessibility?
  • Can you recommend resources for learning more about accessible web design?