跳到主要內容

使 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 上閱讀完整文章。