何时在ReactNative中使用accessibilityRole='link'?

问题描述 投票:0回答:1

我有一个带有抽屉导航的应用程序,它使用按钮导航到不同的屏幕。 就可访问性而言,我应该使用

accessibilityRole='button'
还是
accessibilityRole='link'
作为按钮。?

React Native AccessibilityRole文档说

link 当元素应被视为链接时使用。

对于外部链接

accessibilityRole='link'
显然是最好的选择。但我也应该将它用于内部导航吗?

注意:我不在我的应用程序中使用深层链接。

谢谢您的帮助。

react-native accessibility voiceover talkback
1个回答
3
投票

链接组件

呈现一个可以在按下时导航到屏幕的组件。

按钮组件是一个在用户按下时执行特定操作的组件。根据 Button

 组件的定义,如果 
Link
 函数导航到屏幕,则 
onPress
 可以被视为 
Link
Link
 的样式可以看起来与 
Button
 完全一样,反之亦然。不会有什么区别。

如果我们指的是一般的

URL链接,其中包括deep linking

,那么我们注意到链接功能也需要UI组件才能发挥作用。这可以是 Markdown、链接组件或按钮。

我个人会为每个 UI 组件使用

accessibilityRole='button'

,即实际的 
Button
 组件或功能(和“看起来”),就像我的应用程序中的按钮(
TouchableOpacity
Pressable
,...),因为这样是因残疾而无法注意到的用户需要了解或想要想象的内容。  这包括 
Drawer buttons

我会使用

accessibilityRole='link'

 来显示样式看起来像链接的文本(带有一些突出显示的文本)并导航到某个地方(这也可能是一个网站)。

一般来说,我会记住用户想要可视化组件。虽然导航到屏幕的按钮在技术上根据其功能的定义是一个链接,但在谈到视觉外观时,它不是“典型的链接”(但同样,我们可以像那样设计我们的按钮样式......)。

通常更重要的是

accessibilityHint 其中

帮助用户了解当可访问性标签中的结果不明确时,他们对可访问性元素执行操作时会发生什么。

“如果我点击会发生什么”肯定比“组件看起来是什么样子”更重要。

© www.soinside.com 2019 - 2024. All rights reserved.