跳至主要内容

使 React Native 应用可访问

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

随着最近 Web 上 React 和移动端 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 上阅读文章的其余部分。