React + GSAPを用いたreduced-motionへの対応実装。モーションアクセシビリティを重視したアニメーション設計の方法を解説。
#React
14件
React and User Preferences: Respect the OS Settings Your Users Already Picked Reactでユーザー設定を尊重する: OSの設定を活かした実装
記事 海外
Reactでダークモード、モーション削減等のOSユーザー設定を尊重する実装方法を解説。アクセシビリティとUXを両立させるベストプラクティス。
Foundational Accessibility Begins with the Base Components 基盤コンポーネントから始まるアクセシビリティ：Reactナビゲーション実装
記事 海外
Reactでアクセシブルなメインナビゲーションコンポーネントを開発するアプローチ。基盤となるベースコンポーネントの正しい設計と実装で、プロダクト全体のアクセシビリティ向上を実現する方法を解説。
Spacing Considerations in Accessible Design アクセシブルデザインでのスペーシングの考慮
記事 海外
React でアクセシブルなナビゲーションコンポーネント開発する際に、スペーシング（余白・間隔）がアクセシビリティに与える影響と設計上の考慮点を解説。
Creating Initial Requirements for an Accessible Navigation Component アクセシブルなナビゲーションコンポーネントの初期要件定義
記事 海外
Reactのナビゲーションコンポーネントをアクセシブルに設計するための初期要件整理。WAI-ARIAとキーボード操作仕様に基づいた系統的な要件定義アプローチ。
Hunting for an Accessible React Navigation Component Reactでアクセシブルなナビゲーションコンポーネントを探す
記事 海外
Reactでアクセシブルなナビゲーションコンポーネント実装の課題を探索。既存ライブラリの検討から実装までのプロセスを通じ、開発者が直面する実践的な選択肢を提示する。
Benchmark: React 21 vs Vue 3.7 for 2026 Accessibility – 35% Higher Lighthouse Scores for Vue React 21 vs Vue 3.7：アクセシビリティベンチマーク
記事 海外
React 21とVue 3.7のアクセシビリティ性能をLighthouseで比較。Vue 3.7がReactを35%上回る実検証結果を報告。
The Incredible Overcomplexity of the Shadcn Radio Button :: Aaron Gustafson Shadcn ラジオボタンの驚くべき過剰複雑性
記事 海外
コンポーネントライブラリの実装複雑性を指摘。Shadcn/uiのラジオボタン実装を例に、なぜそうなるのか、より簡潔な設計の可能性を検討する記事。
🚀 Just Published: ReactTailwindAccessKit React Tailwind アクセシビリティキット
記事 海外
React と Tailwind CSS を使用したアクセシブルな UI コンポーネントライブラリ。モダンで視覚的に優れた UI を構築する際のアクセシビリティ実装手法を解説する。
Accessibility-first looks different from accessibility-compliant アクセシビリティファーストはアクセシビリティ準拠とは異なる
記事 海外
WCAG 2.2 AAを必須制約として設計に組み込むアーキテクチャ手法を、Reactコンポーネントライブラリの9事例から解説。コンプライアンス超の一流設計。
APG Patterns Examples APG パターン実装例集
記事 海外
WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。
Next.js/Reactでキーボード操作のみで使用可能なログインフォームを実装しながら、WAI-ARIAによるフォーカス管理とエラー通知の実装方法を詳しく解説している。
Matthew Hallonbacka and Elina Niem - React Native: What Accessibility Professionals Need To Know. Matthew HallonbackaとElina Niem — React Native：アクセシビリティ専門家が知っておくべきこと
YouTube 海外
フィンランドの食料品アプリ開発経験をもとに、React Native のモバイルアクセシビリティの課題と解決方法を解説する。
12 Tips for More Accessible React Apps (Slides, React Finland 2019) - Manuel Matuzovic アクセスしやすいReactアプリの12のティップス
記事 海外
Reactアプリケーション開発で実装すべきアクセシビリティ改善の12のティップスをカンファレンス発表スライドで紹介。