Enable Keyboard Access - GoDaddy

Enable Keyboard Access in GoDaddy Website Builder

1. Open your site in GoDaddy Website Builder and navigate to the page you want to check, then click any section to open the right-hand editing panel.
2. Enter Preview mode and press Tab once to see if the first interactive element receives visible focus. Note any elements that do not respond.
3. Return to the editor and select the first interactive element (button, link, image link, icon, or form field).
4. For buttons:
   • Select the button → in the sidebar, confirm it’s a real button element (GoDaddy buttons are keyboard accessible by default).
   • If the button was added using a plain text block or image, replace it with a built-in Button block so it becomes keyboard focusable.
5. For form fields:
   • Select the form → click the field you want to check.
   • Ensure the field has a visible Label so keyboard users know what they’re interacting with.
   • GoDaddy’s built-in form fields are automatically keyboard accessible—avoid replacing them with decorative blocks.
6. For image links:
   • Select the image → click Settings.
   • Ensure a Link is assigned; linked images become keyboard focusable.
   • Add Alt Text describing the action if the image is used as a button.
7. For icon-based controls (hamburger menu, close icons, arrows):
   • Select the icon → open Settings.
   • Ensure a function is assigned (open menu, go to next slide, etc.).
   • Add a descriptive Label or Alt Text so the control is correctly announced by assistive technology.
8. For social icons:
   • Select the social icon block → click each icon.
   • Verify the icon has a valid URL so it becomes keyboard navigable.
   • Add a descriptive Label such as “Visit our Facebook page”.
9. If you added custom code using the HTML block:
   • Select the custom code block → review the markup.
   • Ensure clickable elements include tabindex="0" and descriptive aria-labels.
10. Switch to Mobile view:
    • Check the hamburger menu icon and mobile-specific buttons.
    • Ensure each receives focus and includes proper labels.
11. Return to Preview and test using Tab and Shift + Tab to confirm:
    • Every interactive element receives focus,
    • The focus order is logical,
    • All actions can be triggered with Enter or Space.