feat: add role and aria attributes for screen sharing toggle accessibility

zskhan · zskhan · commit 96910a816e8a · 2026-01-02T10:37:25.000+01:00
diff --git a/src/script/components/calling/CallingCell/CallingControls/CallingControls.tsx b/src/script/components/calling/CallingCell/CallingControls/CallingControls.tsx
@@ -148,6 +148,8 @@ export const CallingControls = ({
                   data-uie-value={selfSharesScreen ? 'active' : 'inactive'}
                   data-uie-enabled={disableScreenButton ? 'false' : 'true'}
                   title={t('videoCallOverlayShareScreen')}
+                  role="switch"
+                  aria-checked={selfSharesScreen}
                   disabled={disableScreenButton}
                 >
                   {selfSharesScreen ? (
diff --git a/src/script/components/calling/VideoControls/VideoControls.tsx b/src/script/components/calling/VideoControls/VideoControls.tsx
@@ -659,6 +659,8 @@ export const VideoControls = ({
             data-uie-value={selfSharesScreen ? 'active' : 'inactive'}
             data-uie-enabled={canShareScreen ? 'true' : 'false'}
             data-uie-name="do-toggle-screen"
+            role="switch"
+            aria-checked={selfSharesScreen}
             title={t('videoCallOverlayShareScreen')}
           >
             {selfSharesScreen ? (

Original file line number	Diff line number	Diff line change
`@@ -148,6 +148,8 @@ export const CallingControls = ({`
`148`	`148`	`data-uie-value={selfSharesScreen ? 'active' : 'inactive'}`
`149`	`149`	`data-uie-enabled={disableScreenButton ? 'false' : 'true'}`
`150`	`150`	`title={t('videoCallOverlayShareScreen')}`
	`151`	`+ role="switch"`
	`152`	`+ aria-checked={selfSharesScreen}`
`151`	`153`	`disabled={disableScreenButton}`
`152`	`154`	`>`
`153`	`155`	`{selfSharesScreen ? (`
Original file line number	Diff line number	Diff line change
`@@ -659,6 +659,8 @@ export const VideoControls = ({`
`659`	`659`	`data-uie-value={selfSharesScreen ? 'active' : 'inactive'}`
`660`	`660`	`data-uie-enabled={canShareScreen ? 'true' : 'false'}`
`661`	`661`	`data-uie-name="do-toggle-screen"`
	`662`	`+ role="switch"`
	`663`	`+ aria-checked={selfSharesScreen}`
`662`	`664`	`title={t('videoCallOverlayShareScreen')}`
`663`	`665`	`>`
`664`	`666`	`{selfSharesScreen ? (`