我有一个带有抽屉导航的应用程序,它使用按钮导航到不同的屏幕。 就可访问性而言,我应该使用
accessibilityRole='button'
还是 accessibilityRole='link'
作为按钮。?
React Native AccessibilityRole文档说
link 当元素应被视为链接时使用。
对于外部链接
accessibilityRole='link'
显然是最好的选择。但我也应该将它用于内部导航吗?
注意:我不在我的应用程序中使用深层链接。
谢谢您的帮助。
呈现一个可以在按下时导航到屏幕的组件。
按钮组件是一个在用户按下时执行特定操作的组件。根据 Button
组件的定义,如果
Link
函数导航到屏幕,则
onPress
可以被视为
Link
。
Link
的样式可以看起来与
Button
完全一样,反之亦然。不会有什么区别。如果我们指的是一般的
URL链接,其中包括deep linking
,那么我们注意到链接功能也需要UI组件才能发挥作用。这可以是 Markdown、链接组件或按钮。我个人会为每个 UI 组件使用
accessibilityRole='button'
,即实际的
Button
组件或功能(和“看起来”),就像我的应用程序中的按钮(
TouchableOpacity
、
Pressable
,...),因为这样是因残疾而无法注意到的用户需要了解或想要想象的内容。 这包括
Drawer buttons
。我会使用
accessibilityRole='link'
来显示样式看起来像链接的文本(带有一些突出显示的文本)并导航到某个地方(这也可能是一个网站)。一般来说,我会记住用户想要可视化组件。虽然导航到屏幕的按钮在技术上根据其功能的定义是一个链接,但在谈到视觉外观时,它不是“典型的链接”(但同样,我们可以像那样设计我们的按钮样式......)。
通常更重要的是
accessibilityHint 其中
帮助用户了解当可访问性标签中的结果不明确时,他们对可访问性元素执行操作时会发生什么。“如果我点击会发生什么”肯定比“组件看起来是什么样子”更重要。