Authentication · Interactive demo

A better CAPTCHA is still a barrier.

Make the challenge operable and understandable, then provide a route that does not require solving it.

Prerequisites: Accessible authentication before CAPTCHA, required fields, and form errors.

The principle

Reload and audio controls reduce sensory barriers. They do not turn transcription into an accessible authentication method.

Try the controls

One challenge, three routes.

Use the visual challenge, request speech, or choose email verification. Reloading leaves focus on the Reload button and announces only the new challenge.

Teaching simulation: this client-side code exposes the answer and is not a real security implementation.

Numeric security challenge

Required. Enter the five numbers shown or spoken above.

Cannot complete the challenge?

Expected experience

Keep control with the person.

The page never plays audio automatically. Each control has one job, and validation sends focus to the field that needs attention.

Keyboard sequence

  1. Reload challenge
  2. Speak challenge
  3. Enter the numbers
  4. Check answer
  5. Use email verification instead

Expected feedback

  • Reload: “New challenge loaded.”
  • Speak: digits are spoken only after activation.
  • Error: associated message is shown and focus returns to the input.
  • Alternative: confirmation that email verification was selected.

Design boundary

Do not stop at audio.

Audio offers the same transcription task in another sensory mode. The surrounding flow still needs a non-cognitive option, such as an email link, passkey, or another mechanism without a puzzle or transcription test.