update: aria label when device type is selected

up1512001 · Jul 26, 2024 · f5e7766 · f5e7766
1 parent 8968a2d
commit f5e7766
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/editor/src/components/preview-dropdown/index.js b/packages/editor/src/components/preview-dropdown/index.js
@@ -78,21 +78,33 @@ export default function PreviewDropdown( { forceIsAutosaveable, disabled } ) {
 						<MenuItem
 							onClick={ () => setDeviceType( 'Desktop' ) }
 							icon={ deviceType === 'Desktop' && check }
-							aria-label={ __( 'Desktop View' ) }
+							aria-label={
+								deviceType === 'Desktop'
+									? __( 'Desktop Selected' )
+									: __( 'Desktop' )
+							}
 						>
 							{ __( 'Desktop' ) }
 						</MenuItem>
 						<MenuItem
 							onClick={ () => setDeviceType( 'Tablet' ) }
 							icon={ deviceType === 'Tablet' && check }
-							aria-label={ __( 'Tablet View' ) }
+							aria-label={
+								deviceType === 'Tablet'
+									? __( 'Tablet Selected' )
+									: __( 'Tablet' )
+							}
 						>
 							{ __( 'Tablet' ) }
 						</MenuItem>
 						<MenuItem
 							onClick={ () => setDeviceType( 'Mobile' ) }
 							icon={ deviceType === 'Mobile' && check }
-							aria-label={ __( 'Mobile View' ) }
+							aria-label={
+								deviceType === 'Mobile'
+									? __( 'Mobile Selected' )
+									: __( 'Mobile' )
+							}
 						>
 							{ __( 'Mobile' ) }
 						</MenuItem>