diff --git a/src/app/features/call-status/CallControl.tsx b/src/app/features/call-status/CallControl.tsx
index c1667a6ac..c37dd3a33 100644
--- a/src/app/features/call-status/CallControl.tsx
+++ b/src/app/features/call-status/CallControl.tsx
@@ -40,7 +40,6 @@ function MicrophoneButton({ enabled, onToggle, disabled }: MicrophoneButtonProps
outlined
disabled={disabled || loading}
aria-label={enabled ? 'Turn off microphone' : 'Turn on microphone'}
- aria-pressed={enabled}
>
@@ -73,8 +72,10 @@ function SoundButton({ enabled, onToggle, disabled }: SoundButtonProps) {
size="300"
className={MobileTouchTarget}
onClick={() => onToggle()}
+ // No aria-pressed on these call toggles (#187 DP7/8): their labels already
+ // name the action ("Deafen" / "Undeafen"), and pressed-state on top
+ // read as "Deafen, pressed" while NOT deafened.
aria-label={enabled ? 'Deafen' : 'Undeafen'}
- aria-pressed={enabled}
outlined
disabled={disabled}
>
@@ -117,7 +118,6 @@ function VideoButton({ enabled, onToggle, disabled }: VideoButtonProps) {
className={MobileTouchTarget}
onClick={toggleVideo}
aria-label={enabled ? 'Stop Video' : 'Start Video'}
- aria-pressed={enabled}
outlined
disabled={disabled || loading}
>
@@ -157,7 +157,6 @@ function ScreenShareButton({ enabled, onToggle, disabled }: ScreenShareButtonPro
className={MobileTouchTarget}
onClick={onToggle}
aria-label={enabled ? 'Stop Screenshare' : 'Start Screenshare'}
- aria-pressed={enabled}
outlined
disabled={disabled}
>
diff --git a/src/app/features/call/Controls.tsx b/src/app/features/call/Controls.tsx
index 698ae0ee2..bbe764ff7 100644
--- a/src/app/features/call/Controls.tsx
+++ b/src/app/features/call/Controls.tsx
@@ -74,8 +74,10 @@ export function SoundButton({ enabled, onToggle }: SoundButtonProps) {
size="400"
className={MobileTouchTarget}
onClick={() => onToggle()}
+ // No aria-pressed on these call toggles (#187 DP7/8): their labels already
+ // name the action ("Deafen" / "Undeafen"), and pressed-state on top
+ // read as "Deafen, pressed" while NOT deafened.
aria-label={enabled ? 'Deafen' : 'Undeafen'}
- aria-pressed={enabled}
outlined
>
{isFullscreen ? : }
@@ -244,7 +244,6 @@ export function ScreenshareAudioButton({ muted, onToggle }: ScreenshareAudioButt
className={MobileTouchTarget}
onClick={onToggle}
aria-label={muted ? 'Unmute Screenshare Audio' : 'Mute Screenshare Audio'}
- aria-pressed={muted}
outlined
>
@@ -277,7 +276,6 @@ export function ChatButton() {
className={MobileTouchTarget}
onClick={() => setChat(!chat)}
aria-label={chat ? 'Close Chat' : 'Open Chat'}
- aria-pressed={chat}
outlined
>