跳到主要内容

让 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 上阅读其余内容。