react-native - 我们什么时候应该在 React Native 中使用 `accessibilityRole`？

Question

这样对吗？恐怕它会给用户读两次“切换”这个词。

<Switch
      accessible={true}
      accessibilityLabel="Switch button"
      accessibilityHint="Double tap to toggle setting"
      accessibilityRole="switch"   
/>

提前谢谢了。

Answer 1

关于可访问性的几点说明:

从 0.60 开始，默认情况下可以访问所有交互式 React Native 组件。 ( accessible=true )

使用 accessible 时要小心范围。它将任何子元素捆绑到一个可访问的组件中，并且屏幕阅读器将不允许用户在 true 时选择单个组件。 (因此，您可能需要覆盖默认行为。)

特别是对于标签，请记住使用完整的标点符号，否则您可能会创建意想不到的和压倒性的连续句子。

对于用户体验，您的标签应该以简洁的方式阅读切换的目的。在没有上下文的情况下阅读它，我不知道这个切换实际上会做什么。

回答你的问题:
您是正确的，此设置会读出“开关按钮”两次，然后是提示。
我测试了 <Switch>刚刚在 iPad 上使用 VoiceOver 的组件。默认情况下，它是可访问的，并以“按钮”的角色读取。给它一个参数 accessibilityRole='switch'读取“切换按钮”的角色，并自动包含“双击以切换设置”。暗示。
以下组件将向用户显示“飞行模式。切换按钮......双击以切换设置”。

<Switch
      accessibilityLabel="Airplane mode."
      accessibilityRole="switch"   
/>