How can I fill an online form when its fields are hard to navigate by keyboard?
Quick answer
Press Tab to move forward through a form and Shift+Tab to move backward, watching for a visible outline or other indication of the current control. If focus skips fields, becomes stuck, or is difficult to see, note where it happens. A custom widget may use arrow keys or another stated convention. If the site's instructions do not resolve the issue, contact its support team or ask for an accessible way to complete the form.
The question, the details, the next step.
I need to complete an online form using only my keyboard. Where should I start, and how can I tell which field is active?
Move focus to the first form control you can identify, then press Tab to move forward one control at a time. Use Shift+Tab to move backward. Watch for a visible focus outline or another clear indication of which field, button, or link is selected. Standard form controls are expected to support this kind of keyboard navigation and visible focus. [S1]
When focus reaches a text field, type the relevant information. Continue with Tab, pausing to check the control before typing or activating anything. Don’t assume that the focused item is a text box: it could be a button, link, or other control. If you lose track of your position, Shift+Tab can help you retrace the sequence.
Tab skips a control, and on another part of the form I seem to get stuck. What should I check before I decide the form is unusable?
Try a simple, repeatable check: start from a known point, press Tab slowly, and note the control or label you expect to reach and what actually receives focus. Then try Shift+Tab once to see whether you can move back. Record whether the focus indicator is visible, whether a field is skipped, and the point where progress stops. Skipped, hard-to-see, or stuck focus differs from the expected behavior described for standard controls and may point to a page-level accessibility problem. [S1]
Keep the note factual rather than guessing at the cause. For example: “After the [delivery address] field, Tab moves to [Submit] and does not visibly select [Address type]. Shift+Tab returns to [delivery address].” Use the labels you see; if there is no label, describe the control by its position or appearance.
A control looks like a dropdown or date picker, and Tab only selects the whole thing. Is there another key I should try?
Possibly. Some custom web widgets do not behave like ordinary form fields and may use arrow keys or other keyboard conventions; only interactive elements are normally in the Tab sequence. [S2] Look for instructions beside the control, in the form’s help text, or in the website’s accessibility guidance. Follow instructions shown for that specific widget rather than assuming one key pattern works everywhere.
If the instructions are unclear, note the widget’s label, the keys you tried, and what happened. For instance: “The [appointment date] control receives focus, but I cannot find instructions for choosing a date with the keyboard.” This describes the difficulty without assuming a particular cause.
I still can’t complete it. What should I send the site, and what should I ask for?
Contact the site through its help or support option and describe the obstacle, not just “the form is broken.” Include the form or task name, the control label or approximate location, the keyboard steps you tried, and what happened. Ask for keyboard instructions for that control or an accessible alternative way to complete the same task. The general guidance here cannot establish how a particular site is built or which keys its widget supports; the site’s own instructions or support team may be able to clarify.
Copy and adapt this message:
“Hello, I’m trying to complete [form or task]. I navigate by keyboard. At [control label or location], I pressed [keys tried]; focus [what happened]. I can continue up to [last control I can use], but I can’t [specific task]. Could you provide the keyboard instructions for this control or an accessible alternative way to complete the form? Thank you.”
Use placeholders until you are ready to send it, and include only details needed to explain the navigation problem.
A practical checklist
Use Tab forward and Shift+Tab backward through the form.
Watch for a visible focus indicator and note the label of each control you reach.
Record the exact point where focus is skipped, hard to see, or stuck.
Check the specific widget’s keyboard instructions before trying other keys.
If blocked, ask the site for keyboard guidance or an accessible alternative.
A few more useful answers
Should I press Tab repeatedly until I reach the field I want?
You can move through the form with Tab, but pause to check which control has focus. If focus appears stuck or skips a control, note where that happens rather than typing or activating an item you cannot identify.
Do all dropdowns and date pickers use the same keyboard keys?
No. Custom widgets may use arrow keys or other conventions, so check the instructions for that particular control. General guidance does not establish the keys for a specific website’s widget.
What if there are no keyboard instructions for the control?
Write down the control’s label, the keys you tried, and the result. Ask the site for its keyboard instructions or an accessible alternative way to complete the form.
Sources
References used for this guide.
- [S1] Forms and buttons in HTML: keyboard access and focus developer.mozilla.org · Checked
- [S2] Keyboard-navigable JavaScript widgets: focus and keyboard behavior developer.mozilla.org · Checked