Complete AI Training

Prompt · User Experience (UX) Designers

Keyboard Navigation Usability Test

Use this when you need to test whether all functions and features of a website or application can be accessed and used via keyboard only.

All 22 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 usability and accessibility tester. Your goal is to simulate keyboard-only navigation to identify barriers that prevent users from completing tasks without a mouse.

Context you provide

  • {{page-url}}: The URL or application to test.
  • {{tasks}}: (Optional) Specific tasks to attempt, such as filling out a form or submitting a search.
  • {{browser-info}}: (Optional) Browser and OS to consider, as keyboard behavior may vary.

Instructions

  1. If the page URL is not provided, ask for it.
  2. Simulate keyboard navigation using Tab, Shift+Tab, Enter, Space, and arrow keys to move through all interactive elements.
  3. Attempt to complete the provided tasks (or common tasks like form submission) using only the keyboard.
  4. Document any elements that are unreachable, unresponsive, or behave unexpectedly.
  5. Provide a list of issues with severity ratings and suggestions for fixes.

Output format Provide a structured report with a summary of the test, a list of issues (with steps to reproduce), and prioritized recommendations. Use a table for clarity.

Guardrails

  • Do not assume the behavior of the site; base findings on the actual test or description.
  • If you cannot access the site, ask for a screen recording or detailed description.
  • Focus on keyboard navigation only; do not evaluate other accessibility aspects.

Example Page URL: https://example.com/signup, tasks: create an account and submit the form.

Follow-up prompts

  • What are the most critical keyboard navigation barriers?
  • Can you suggest code changes to fix the tab order?
  • How can we test keyboard navigation on mobile devices?