<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>アックリップ — #React</title><description>「React」タグのアクセシビリティ関連情報</description><link>https://accclip.pages.dev/</link><language>ja</language><item><title>React × GSAPでreduced motionに対応する方法</title><link>https://zenn.dev/chaya0815/articles/4a8e21675a4a67</link><guid isPermaLink="true">https://zenn.dev/chaya0815/articles/4a8e21675a4a67</guid><description>React + GSAPを用いたreduced-motionへの対応実装。モーションアクセシビリティを重視したアニメーション設計の方法を解説。</description><pubDate>Thu, 14 May 2026 00:00:00 GMT</pubDate></item><item><title>Reactでユーザー設定を尊重する: OSの設定を活かした実装</title><link>https://dev.to/childrentime/react-and-user-preferences-respect-the-os-settings-your-users-already-picked-5hdp</link><guid isPermaLink="true">https://dev.to/childrentime/react-and-user-preferences-respect-the-os-settings-your-users-already-picked-5hdp</guid><description>Reactでダークモード、モーション削減等のOSユーザー設定を尊重する実装方法を解説。アクセシビリティとUXを両立させるベストプラクティス。</description><pubDate>Thu, 14 May 2026 00:00:00 GMT</pubDate></item><item><title>基盤コンポーネントから始まるアクセシビリティ：Reactナビゲーション実装</title><link>https://dev.to/shaynaproductions/foundational-accessibility-begins-with-the-base-components-2nac</link><guid isPermaLink="true">https://dev.to/shaynaproductions/foundational-accessibility-begins-with-the-base-components-2nac</guid><description>Reactでアクセシブルなメインナビゲーションコンポーネントを開発するアプローチ。基盤となるベースコンポーネントの正しい設計と実装で、プロダクト全体のアクセシビリティ向上を実現する方法を解説。</description><pubDate>Tue, 12 May 2026 00:00:00 GMT</pubDate></item><item><title>アクセシブルデザインでのスペーシングの考慮</title><link>https://dev.to/shaynaproductions/spacing-considerations-in-accessible-design-47ad</link><guid isPermaLink="true">https://dev.to/shaynaproductions/spacing-considerations-in-accessible-design-47ad</guid><description>React でアクセシブルなナビゲーションコンポーネント開発する際に、スペーシング（余白・間隔）がアクセシビリティに与える影響と設計上の考慮点を解説。</description><pubDate>Thu, 07 May 2026 00:00:00 GMT</pubDate></item><item><title>アクセシブルなナビゲーションコンポーネントの初期要件定義</title><link>https://dev.to/shaynaproductions/creating-initial-requirements-for-an-accessible-navigation-component-3gdg</link><guid isPermaLink="true">https://dev.to/shaynaproductions/creating-initial-requirements-for-an-accessible-navigation-component-3gdg</guid><description>Reactのナビゲーションコンポーネントをアクセシブルに設計するための初期要件整理。WAI-ARIAとキーボード操作仕様に基づいた系統的な要件定義アプローチ。</description><pubDate>Tue, 05 May 2026 00:00:00 GMT</pubDate></item><item><title>Reactでアクセシブルなナビゲーションコンポーネントを探す</title><link>https://dev.to/shaynaproductions/hunting-for-an-accessible-react-navigation-component-56mi</link><guid isPermaLink="true">https://dev.to/shaynaproductions/hunting-for-an-accessible-react-navigation-component-56mi</guid><description>Reactでアクセシブルなナビゲーションコンポーネント実装の課題を探索。既存ライブラリの検討から実装までのプロセスを通じ、開発者が直面する実践的な選択肢を提示する。</description><pubDate>Thu, 30 Apr 2026 00:00:00 GMT</pubDate></item><item><title>React 21 vs Vue 3.7：アクセシビリティベンチマーク</title><link>https://dev.to/johalputt/benchmark-react-21-vs-vue-37-for-2026-accessibility-35-higher-lighthouse-scores-for-vue-3edc</link><guid isPermaLink="true">https://dev.to/johalputt/benchmark-react-21-vs-vue-37-for-2026-accessibility-35-higher-lighthouse-scores-for-vue-3edc</guid><description>React 21とVue 3.7のアクセシビリティ性能をLighthouseで比較。Vue 3.7がReactを35%上回る実検証結果を報告。</description><pubDate>Wed, 29 Apr 2026 00:00:00 GMT</pubDate></item><item><title>Shadcn ラジオボタンの驚くべき過剰複雑性</title><link>https://www.aaron-gustafson.com/notebook/links/the-incredible-overcomplexity-of-the-shadcn-radio-button/</link><guid isPermaLink="true">https://www.aaron-gustafson.com/notebook/links/the-incredible-overcomplexity-of-the-shadcn-radio-button/</guid><description>コンポーネントライブラリの実装複雑性を指摘。Shadcn/uiのラジオボタン実装を例に、なぜそうなるのか、より簡潔な設計の可能性を検討する記事。</description><pubDate>Wed, 29 Apr 2026 00:00:00 GMT</pubDate></item><item><title>React Tailwind アクセシビリティキット</title><link>https://dev.to/infolyt/just-published-reacttailwindaccesskit-4gno</link><guid isPermaLink="true">https://dev.to/infolyt/just-published-reacttailwindaccesskit-4gno</guid><description>React と Tailwind CSS を使用したアクセシブルな UI コンポーネントライブラリ。モダンで視覚的に優れた UI を構築する際のアクセシビリティ実装手法を解説する。</description><pubDate>Wed, 22 Apr 2026 00:00:00 GMT</pubDate></item><item><title>アクセシビリティファーストはアクセシビリティ準拠とは異なる</title><link>https://dev.to/ku5ic/accessibility-first-looks-different-from-accessibility-compliant-39n0</link><guid isPermaLink="true">https://dev.to/ku5ic/accessibility-first-looks-different-from-accessibility-compliant-39n0</guid><description>WCAG 2.2 AAを必須制約として設計に組み込むアーキテクチャ手法を、Reactコンポーネントライブラリの9事例から解説。コンプライアンス超の一流設計。</description><pubDate>Sat, 11 Apr 2026 00:00:00 GMT</pubDate></item><item><title>APG パターン実装例集</title><link>https://masup9.github.io/apg-patterns-examples/ja/</link><guid isPermaLink="true">https://masup9.github.io/apg-patterns-examples/ja/</guid><description>WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。</description><pubDate>Sun, 15 Mar 2026 00:00:00 GMT</pubDate></item><item><title>キーボードだけで操作できるWEBアプリを作りたい with アクセシビリティ</title><link>https://zenn.dev/appleworld/articles/a11y-div-challenge</link><guid isPermaLink="true">https://zenn.dev/appleworld/articles/a11y-div-challenge</guid><description>Next.js/Reactでキーボード操作のみで使用可能なログインフォームを実装しながら、WAI-ARIAによるフォーカス管理とエラー通知の実装方法を詳しく解説している。</description><pubDate>Fri, 19 Dec 2025 00:00:00 GMT</pubDate></item><item><title>Matthew HallonbackaとElina Niem — React Native：アクセシビリティ専門家が知っておくべきこと</title><link>https://www.youtube.com/watch?v=0lsLmyquH1A</link><guid isPermaLink="true">https://www.youtube.com/watch?v=0lsLmyquH1A</guid><description>フィンランドの食料品アプリ開発経験をもとに、React Native のモバイルアクセシビリティの課題と解決方法を解説する。</description><pubDate>Wed, 17 Dec 2025 00:00:00 GMT</pubDate></item><item><title>アクセスしやすいReactアプリの12のティップス</title><link>https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019</link><guid isPermaLink="true">https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019</guid><description>Reactアプリケーション開発で実装すべきアクセシビリティ改善の12のティップスをカンファレンス発表スライドで紹介。</description><pubDate>Thu, 25 Apr 2019 00:00:00 GMT</pubDate></item></channel></rss>