使 React Native 应用具有可访问性
·阅读 2 分钟
随着 React 在 Web 端和 React Native 在移动端的近期发布,我们为开发者提供了构建产品的新前端框架。构建强大产品的一个关键方面是确保任何人都可以使用它,包括视力障碍或其他残疾人士。React 和 React Native 的可访问性 API 使您能够使任何基于 React 的体验都可以被使用辅助技术的人士使用,例如盲人或视障人士使用的屏幕阅读器。
对于本文,我们将重点关注 React Native 应用。我们设计的 React 可访问性 API 在外观和感觉上与 Android 和 iOS API 相似。如果您之前曾为 Android、iOS 或 Web 开发过可访问应用,那么您应该对 React AX API 的框架和术语感到熟悉。例如,您可以使 UI 元素成为可访问的(因此暴露给辅助技术),并使用 accessibilityLabel 为元素提供字符串描述。
<View accessible={true} accessibilityLabel=”This is simple view”>
让我们通过查看 Facebook 自己的一款基于 React 的产品:广告管理应用,来深入了解 React AX API 的一些更复杂的应用。
这是一个摘要。在Facebook Code上阅读全文。