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 >