The QAvenue

🐝Bee-ing a Tester: I found a bug …honey!. “Tab Key: Mission Impossible”. Bug #013: Keyboard inaccessible elements

Severity:

Medium

Context:

Some interactive elements, like the “Submit” button, are not reachable using keyboard navigation (Tab key), which affects accessibility for users relying on keyboards.

Steps to Reproduce:

  1. Open the page with the form.
  2. Use the Tab key to navigate through the page.
  3. Attempt to focus the “Submit” button.

Expected Result:

  • The “Submit” button can be focused using Tab.
  • Users can submit the form without using a mouse.

Actual Result:

  • Pressing Tab skips the “Submit” button.
  • Keyboard-only users cannot interact with it.

Impact:

  • Poor accessibility for keyboard users.
  • Fails WCAG / accessibility guidelines.
  • Users relying on keyboard navigation may be blocked from submitting the form.

Suggested Fix:

Ensure the button is focusable (tabindex=”0″ if needed).
-Verify that all interactive elements are reachable via Tab.

Add Playwright accessibility tests like:
(python)
page.keyboard.press(“Tab”)
expect(page.locator(“button#submit”)).to_be_focused()

Lesson learnt:

“Buttons are shy. give them some Tab love!”

Let’s connect! I share common bugs, solutions, and QA tips regularly.