Focus Order Review
A practical checklist for reviewing tab order, visible focus, and keyboard flow on Ask Uncle G. Founder and private tester use only.
This is not a professional keyboard audit
- ▸This is not a WCAG compliance audit
- ▸This is not a legal compliance approval
- ▸This is a practical private-preview focus order review only
- ▸It does not guarantee every device or browser behaves identically
Focus Order Review Steps
Press Tab from the top of the page — confirm the Skip to main content link appears first
Press Enter on the skip link — confirm focus jumps to the main page content
Continue tabbing — confirm header navigation links follow in a sensible left-to-right order
Tab to the mobile menu button (narrow screen) — confirm it is reachable and Enter/Space opens the menu
Tab through the open mobile menu — confirm all links are reachable
Close the menu (Escape or navigate away) — confirm focus returns to a logical place
Tab through main page content — confirm links and buttons follow reading order
Tab through form fields (Help Finder, Safety First checkboxes) — confirm label-to-field order is logical
Tab to Copy and Print buttons on a checklist — confirm they are reachable
Tab through Checklist Library filter buttons — confirm all are reachable without skipping
Tab through footer links — confirm they appear after main content, not before
Confirm focus indicator is visible on every focused element throughout the flow
Route Test List
Open each page and tab through it from top to bottom to check focus order.
Homepage
/
Start Here
/start-here
Help Finder
/help-finder
Safety First
/safety-first
Checklist Library
/checklists
All Guides
/all-guides
Print Center
/print-center
Large Print Starter Packs
/large-print-starter-packs
Keyboard Navigation Review
/keyboard-navigation-review
Screen Reader Review
/screen-reader-review
Accessibility Display Settings
/accessibility-display-settings
Public Readiness Checklist
/public-readiness-checklist
"Stop and Fix" Signs
If any of these occur during testing, note the page and element for review.
Focus disappears entirely — you can no longer see where focus is
Tab gets stuck — pressing Tab does not move forward
Mobile menu cannot be closed using only the keyboard
Skip link does not appear on first Tab press
Skip link does not jump to main content when activated
A form field has no visible label before or near the input
A button shows only an icon with no visible text or accessible label
Emergency or safety content is hidden behind a required interaction
Copy or Print buttons cannot be reached without a mouse
Main content area has no id — skip link has nowhere to land
Focus order should also move through form labels, grouped option labels, and validation messages in a logical order. See Form Label Review, Fieldset and Legend Review, and Error Message Review.
What this page does not claim
- ✗No accessibility certification is granted
- ✗No legal compliance approval is given
- ✗No full professional keyboard audit is performed
- ✗No guarantee that every device or browser keyboard behavior is identical
Focus Order Review Checklist
0/17Next Readiness Steps