React Native中何时用accessibilityRole='link'？抽屉导航内部按钮角色选择

对于React Native应用中抽屉导航的内部页面跳转按钮，推荐设置accessibilityRole='button'，原因如下：

• 语义定位匹配：link的核心语义指向可被识别为“链接”的元素，通常对应外部资源跳转、可复制的URL地址，或是能在外部环境打开的目标；而button的语义是触发应用内的操作行为，内部页面切换属于应用自身的功能交互，更贴合button的定位。
• 无障碍用户预期契合：屏幕阅读器用户对两种角色的操作预期存在差异——遇到link时会联想到“打开外部地址、复制链接”等行为，而button则对应“触发应用内动作”，用button能让用户更准确理解操作的性质。
• 适配你的场景：你的应用未使用深度链接，意味着这些跳转没有对应的可访问URL，完全是应用内的视图切换，用button的语义描述更准确。

额外优化建议：配合设置accessibilityLabel明确跳转目标，提升无障碍体验，示例代码如下：

<TouchableOpacity
  accessibilityRole='button'
  accessibilityLabel='跳转到首页'
  onPress={() => navigation.navigate('Home')}
>
  {/* 按钮内容 */}
</TouchableOpacity>

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