跳到主要内容

让 React Native 应用更易于访问

·2 分钟阅读
Georgiy Kassabli
Facebook 软件工程师

随着 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 上阅读全文。