跳转至主要内容

使 React Native 应用更易访问

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

随着最近在 Web 上推出 React 和在移动设备上推出 React Native,我们为开发者提供了一个新的前端框架来构建产品。构建强大产品的关键方面之一是确保任何人都可以使用它,包括视力丧失或其他残疾人士。React 和 React Native 的可访问性 API 使您能够让任何由 React 驱动的体验都能被可能使用辅助技术(如面向盲人和视障人士的屏幕阅读器)的人使用。

在这篇文章中,我们将重点关注 React Native 应用。我们设计的 React Accessibility 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 代码上阅读文章的其余部分。