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:
- Open the page with the form.
- Use the Tab key to navigate through the page.
- 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.