Perform the 60-Second Tab Test - GoDaddy

Perform the 60-Second Tab Test in GoDaddy Website Builder

1. Publish your latest edits in GoDaddy Website Builder, then open the live version of the page in a new browser tab.
2. Click near the top of the page to give the browser keyboard focus.
3. Press the Tab key once and observe which element receives focus. Ensure a visible focus indicator (outline, border, highlight, or underline) appears.
4. Continue pressing Tab repeatedly for 60 seconds to move through all interactive elements:
   • Buttons
   • Text links
   • Form fields and dropdowns
   • Image links
   • Social icons
   • Navigation items
   • Mobile hamburger menu
   • Carousels or sliders
5. Watch for accessibility issues:
   • Elements that never receive focus,
   • Missing or very weak focus styles,
   • Focus jumps that skip blocks of content or move in an illogical order,
   • Elements that cannot be activated using Enter or Space.
6. Press Shift + Tab to check reverse navigation and ensure no elements trap the focus.
7. Open interactive components:
   • Open the mobile or desktop menu → verify focus moves inside the menu items.
   • Open any popups or overlays → ensure you can tab through and then close them via keyboard.
   • Test sliders → confirm arrow icons are reachable and activate via keyboard.
8. Return to GoDaddy Website Builder to fix issues:
   • Replace non-focusable decorative links or icons with real buttons or icons with labels.
   • Add or improve focus visibility using Design settings.
   • Ensure all interactive items have descriptive labels or alt text.
   • Assign links or actions to elements that need to be keyboard-activatable.
9. Publish your updates and re-run the 60-second tab test until every interactive element is:
   • Reachable by keyboard,
   • Clearly highlighted when focused,
   • Operable with Enter or Space,
   • Navigated in a logical top-to-bottom order.