React Native アプリのアクセシビリティ向上
·2 分で読めます
Web 上の React とモバイル上の React Native の最近の発表により、開発者が製品を構築するための新しいフロントエンドフレームワークを提供しました。堅牢な製品を構築する際の重要な側面の 1 つは、視覚障害者やその他の障害のある人を含め、誰でも使用できるようにすることです。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 を使用した製品の 1 つである **広告マネージャーアプリ** を見て、React AX API の少し複雑なアプリケーションについて説明しましょう。
これは抜粋です。残りの投稿は Facebook Code でご覧ください。