Announce collapsed state for expanded: false on iOS

Author: lazerg

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -1618,6 +1618,10 @@ - (NSString *)accessibilityValue
     [valueComponents
         addObject:RCTLocalizedString("expanded", "a menu, dialog, accordian panel, or other widget which is expanded")];
   }
+  if (!accessibilityState.expanded.value_or(true)) {
+    [valueComponents addObject:RCTLocalizedString(
+                                   "collapsed", "a menu, dialog, accordian panel, or other widget which is collapsed")];
+  }
 
   if (accessibilityState.busy) {
     [valueComponents addObject:RCTLocalizedString("busy", "an element currently being updated or modified")];

packages/react-native/React/Tests/Mounting/RCTViewComponentViewTests.mm

@@ -238,6 +238,39 @@ - (void)testViewWithoutRoleIsNotKeyboardFocusable
   XCTAssertFalse(view.canBecomeFocused);
 }
 
+#pragma mark - accessibilityValue for expanded state
+
+static RCTViewComponentView *makeViewWithExpandedState(std::optional<bool> expanded)
+{
+  RCTViewComponentView *view = [RCTViewComponentView new];
+  auto props = std::make_shared<ViewProps>();
+  props->accessible = true;
+  props->accessibilityRole = "button";
+  AccessibilityState accessibilityState;
+  accessibilityState.expanded = expanded;
+  props->accessibilityState = accessibilityState;
+  [view updateProps:props oldProps:ViewShadowNode::defaultSharedProps()];
+  return view;
+}
+
+- (void)testAccessibilityValueAnnouncesExpanded
+{
+  RCTViewComponentView *view = makeViewWithExpandedState(true);
+  XCTAssertEqualObjects(view.accessibilityValue, @"expanded");
+}
+
+- (void)testAccessibilityValueAnnouncesCollapsed
+{
+  RCTViewComponentView *view = makeViewWithExpandedState(false);
+  XCTAssertEqualObjects(view.accessibilityValue, @"collapsed");
+}
+
+- (void)testAccessibilityValueIsNilWithoutExpandedState
+{
+  RCTViewComponentView *view = makeViewWithExpandedState(std::nullopt);
+  XCTAssertNil(view.accessibilityValue);
+}
+
 #pragma mark - outline style on square corners (#57841)
 
 static RCTViewComponentView *makeViewWithOutlineStyle(OutlineStyle outlineStyle)