React Native中如何阻止iOS VoiceOver自动追加accessibilityLabel内容？

针对你遇到的iOS VoiceOver点击图片时，除设置的accessibilityLabel="Test"外还额外读出“Adult cat”的问题，可通过以下方法解决：

• 方法一：显式指定图片的可访问性角色与特性
  给Image组件添加accessibilityRole="image"和accessibilityTraits="image"，强制VoiceOver仅使用你设置的标签内容：

  <Image
    source={你的图片资源}
    accessibilityLabel="Test"
    accessibilityRole="image"
    accessibilityTraits="image"
  />
  

• 方法二：通过父View接管可访问性
  用View包裹Image，将父View设为可访问元素，同时禁用Image本身的可访问性，避免系统对图片进行自动识别：

  <View
    accessibilityLabel="Test"
    accessibilityRole="image"
  >
    <Image
      source={你的图片资源}
      accessibilityElementsHidden={true}
    />
  </View>
  

原理说明 #

即使关闭了系统的“图片描述”功能，iOS原生的UIImageView仍可能触发VoiceOver的自动内容识别。通过显式定义可访问性属性，或把访问焦点转移到父容器并屏蔽图片的可访问性，可以阻止系统附加额外的识别文本，确保VoiceOver仅读出你设置的"Test"。

内容的提问来源于stack exchange，提问作者UbiquitousMendacious