sounds-on-the-web

Run this audit against your component files to check accessibility rules like visual equivalents for every audio cue, a settings toggle to disable sounds, prefers-reduced-motion respect, and independent volume control. Findings are reported with file and line numbers.

Sound is appropriate for significant confirmations like payments, form submissions, errors, and notifications. It should be avoided for high-frequency interactions like typing, hover, scroll, and navigation, and for purely decorative moments with no informational value.

Yes. The a11y-reduced-motion-check rule treats prefers-reduced-motion as a proxy for sound sensitivity. Code should check window.matchMedia("(prefers-reduced-motion: reduce)") and skip playback when the user has enabled that preference.

An Audio element will not restart while it is still playing. Reset audio.currentTime to 0 before calling play() so the sound can retrigger immediately, which is what the impl-reset-current-time rule checks for.

The audit only inspects code patterns against its 15 defined rules; it cannot judge subjective sound design quality or actual audio content. It also requires you to specify which files or patterns to review.