APG プラクティス
WAI-ARIA Authoring Practices Guide に基づいたアクセシブルなウェブアプリケーション構築のためのベストプラクティス。 これらのガイドは、ARIA パターンを正しく実装するのに役立ちます。
利用可能なプラクティス
🗺️
ランドマーク領域
ARIA ランドマークロールは、ウェブページの構成と構造を識別する強力な手段を提供します。
🏷️
アクセシブルな名前と説明の提供
要素にアクセシブルな名前を提供し、適切な場合はアクセシブルな説明を提供することは、制作者の最も重要な責任の一つです。
⌨️
キーボードインターフェースの開発
ネイティブ HTML フォーム要素とは異なり、ブラウザはカスタムウィジェットにキーボードサポートを提供しません。制作者がキーボードアクセスを提供する必要があります。
📊
グリッドとテーブルのプロパティ
グリッドやテーブルの構造と関係性を完全に伝えるために、制作者は ARIA の行と列のプロパティが正しく設定されていることを確認する必要があります。
📏
範囲ウィジェットの値と範囲の伝達
slider や spinbutton などの範囲ウィジェットでは、現在の値とその範囲を支援技術に伝えるための ARIA プロパティが必要です。
🏗️
構造的ロール
構造的ロールは、ページの構造を記述するために使用され、通常はドキュメントコンテンツに使用されます。
🙈
presentation ロールによるセマンティクスの無効化
presentation ロールは、コンテンツを表示したまま、暗黙の ARIA セマンティクスをアクセシビリティツリーから削除します。
これらのプラクティスについて
各プラクティスは WAI-ARIA Authoring Practices Guide (APG) に従い、アクセシブルなウェブアプリケーションの構築を支援します。
- ARIA ランドマーク領域の理解
- アクセシブルな名前と説明の提供
- キーボードアクセシブルなインターフェースの構築
- グリッドとテーブルのプロパティの正しい実装
- 範囲ウィジェットの値の伝達