[RNMobile] Improve text read by screen readers for BottomSheetSelectC…

…ontrol (#41036)

Improves the text that's read by screen readers by the BottomSheetSelectControl component, adding extra context and making its purpose clearer.

packages/components/src/mobile/bottom-sheet-select-control/index.native.js

@@ -57,11 +57,16 @@ const BottomSheetSelectControl = ( {
 					value={ selectedOption.label }
 					onPress={ openSubSheet }
 					accessibilityRole={ 'button' }
-					accessibilityLabel={ selectedOption.label }
+					accessibilityLabel={ sprintf(
+						// translators:  %1$s: Select control button label e.g. "Button width". %2$s: Select control option value e.g: "Auto, 25%".
+						__( '%1$s. Currently selected: %2$s' ),
+						label,
+						selectedOption.label
+					) }
 					accessibilityHint={ sprintf(
 						// translators: %s: Select control button label e.g. "Button width"
 						__( 'Navigates to select %s' ),
-						selectedOption.label
+						label
 					) }
 				>
 					<Icon icon={ chevronRight }></Icon>

packages/react-native-editor/CHANGELOG.md

@@ -11,6 +11,10 @@ For each user feature we should also add a importance categorization label  to i
 
 ## Unreleased
 
+## 1.77.0
+
+-   [*] [a11y] Improve text read by screen readers for BottomSheetSelectControl [#41036]
+
 ## 1.76.1
 
 -   [*] BlockList - Add internal onLayout from CellRendererComponent to BlockListItemCell [#41105]