App path Quality
Works for everyone
An app that works with a keyboard, a screen reader and a thumb on a small screen.
Example brief
A planner used on phones and laptops, where some people never touch a mouse.
An example. Use your own idea next.
Steps
- Tab through the preview. Can you reach and use every control?
- Ask for real buttons, labels on fields, a status message and large .
- Check the text shown from typed input is safe, then resize for a phone.
What you will learn
- Keyboard access
- Every control can be reached and used with Tab, Enter and Space, without a mouse.
- Focus
- The control that currently receives key presses. Keep it visible and move it on purpose after an action.
- Touch targets
- Buttons big enough for a thumb. About 44 pixels is a common minimum.
A sample prompt
A task planner for phones and laptops. Use real buttons, a label on every field, a status message that announces changes, buttons at least 44 pixels tall, and show typed text safely.
Write yours first, then compare.
To complete it
Pass all 10 checks on one version, then accept.
More in the app path
- Your first screen Say what the app does
- Keep track of things State and render
- Forms people can finish Labels and validation
- More than one screen Screens and navigation
- Save and move data Stores and portability
- When things go wrong Empty and error states
- Choose where it runs Platform-neutral design
Last reviewed 2026-11-05 · version 1