1 / 3
Playwright

Audit an accessible signup

Easy45 pts~18 min
  • Accessibility
  • Keyboard navigation
  • Forms
Practice app · Workshop Registration

A registration form with text fields, radios, checkboxes, selects and validation.

Test URL
/lab/accessible-signup

Your starter code already declares TEST_URL — never hardcode a host.

Objective

Complete the registration form with the keyboard only, using role and label locators, and check its accessible errors.

Your task

  1. 1Focus the "Create account" button (getByRole) and press Enter with the form empty.
  2. 2Assert the First name and Email fields have aria-invalid="true" and their error messages (linked via aria-describedby) are visible.
  3. 3Fill First name, Last name, Email, Password and Confirm password located with getByLabel (password: 8+ chars with a number).
  4. 4Tab to the terms checkbox and press Space, then press Enter on “Create account”.
  5. 5Assert #form-success reads "Registration complete".

Acceptance criteria

  • Registration completes
  • Role and label locators are used
  • The keyboard drives the form — no clicks
  • At least 3 assertions pass

Constraints

  • No click() / check() — keyboard only.
  • Locate form controls by role or label, not by CSS.

Playwright · Playwright · Featured challenges