跳到主内容

31 篇标有“工程”的帖子

查看所有标签

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