android - React Native 中 Text 组件的 accessible、a​​ccessibilityLabel 和 accessibilityHint 属性有什么区别?

标签 android ios reactjs react-native

react 中文本组件accessibleaccessibilityLabelaccessibilityHint属性有什么区别? native ? react native documentation不够理解。示例将更受欢迎。

最佳答案

可访问 - 设置为 true 的标志将使 View 或组件成为可访问元素,可以通过 VoiceOver 为残障人士阅读。

accessibilityLabel - 当 VoiceOver 越过辅助功能元素时,如果没有给定标签,它将只读作文本字段、标签或按钮。相反,您可以将其读作“用户名字段”、“密码字段”、“登录按钮”等

accessibilityHint - 这用于通知用户在点击该 UI 元素或与之交互时将执行什么操作。

例如,如果您有一个“登录按钮”,当用户点击它时。您想通知用户之后将执行的操作,例如 - “当您点击此登录按钮时。您的用户名和密码将被验证,成功登录后您将被带到仪表板屏幕”

另请参阅 ReactNative 文档的这一部分。一些代码示例非常详尽 https://facebook.github.io/react-native/docs/accessibility .

希望对您有所帮助。

关于android - React Native 中 Text 组件的 accessible、a​​ccessibilityLabel 和 accessibilityHint 属性有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53226986/

相关文章:

android.widget.LinearLayout$LayoutParams 无法转换为 android.support.constraint.ConstraintLayout$LayoutParams

android - XMPP连接不断断开android

ios - 在 ios 中发送带有表格 View 和饼图的电子邮件

iOS sqlcipher fmdb inTransaction “File is encrypted or is not a database”

ios - 在 Swift 中从底部滑入 View ?

javascript - Material 表标题闪烁和卡住问题(使用 React Window + React Window Infinite Loader 实现)

android - 背景可绘制错误

Android:从 GregorianCalendar 对象获取年、月、日

node.js - 创建 React App 未安装,显示错误并中止安装

javascript - 使用 for-each 和 props 更改状态值