APG パターン実装例について

このプロジェクトでは、 WAI-ARIA Authoring Practices Guide（APG） パターンに準拠したアクセシブルな UI コンポーネントとテストケースを提供しています。

各コンポーネントは React、Vue、Svelte、Astro（Web Components）の 4 つの主要フロントエンドフレームワークで実装されており、アクセシビリティと WAI-ARIA を学ぶための実装例を提供しています。

各コンポーネントには APG パターンへの準拠を検証するテストが含まれています。これらのテストを活用することで、あなた自身のコンポーネントのアクセシビリティを確認できます。また、テストドキュメントは AI フレンドリーなフォーマットで設計されており、テストケースの生成が容易です。

さらに、ダークモード、ハイコントラストモード、強制カラーモードをサポートしたスタイリングを提供し、アクセシブルなコンポーネント開発をより一層支援します。

このプロジェクトでは、 WAI-ARIA APG で定義されている全 30 パターンに加え、2 つの追加パターン（Toggle Button、Data Grid）を実装しています — 合計 32 パターン。

各パターンは React、Vue、Svelte、Astro（Web Components）の 4 つのフレームワークすべてで実装されています。