1---
2title: Visual Equivalent for Every Sound
3impact: HIGH
4tags: a11y, visual, sound
5---
6 
7## Visual Equivalent for Every Sound
8 
9Every audio cue must have a visual equivalent; sound never replaces visual feedback.
10 
11**Incorrect (sound without visual):**
12 
13```tsx
14function SubmitButton({ onClick }) {
15  const handleClick = () => {
16    playSound("success");
17    onClick();
18  };
19}
20```
21 
22**Correct (sound with visual):**
23 
24```tsx
25function SubmitButton({ onClick }) {
26  const [status, setStatus] = useState("idle");
27  
28  const handleClick = () => {
29    playSound("success");
30    setStatus("success");
31    onClick();
32  };
33  
34  return <button data-status={status}>Submit</button>;
35}
36```
37