All Controls/Voice-Activated Password

Voice-Activated Password

Must speak credentials instead of typing them.

Tags:voicespeechloginaccessibility
Tech:speech-recognitionweb-speech-apimicrophone

Live Demo

⚠️ Warning: This is an intentionally terrible UI pattern. Do not use in production applications.

Voice-Activated Login

You must speak your credentials. No typing allowed!

Speech recognition is not supported in this browser. Please use Chrome or Edge.

Currently capturing: username

Why This Control Is Terrible

Users cannot type their login credentials. Instead, they must use speech recognition to dictate their username and password aloud. This creates privacy concerns in public spaces, requires perfect pronunciation, times out after 10 seconds, and fails if there's any background noise. Speech recognition accuracy varies wildly, and users often have to repeat themselves multiple times. It's like having a very judgmental voice assistant guard your login.

UX Violations

  • Violates user expectations and mental models
  • Increases cognitive load and frustration
  • May cause accessibility issues
  • Breaks established design patterns
  • Provides poor feedback and unclear states