4.1.2 名前（name）・役割（role）・値（value）
適合レベル：A
概要
HTMLで表現できるUIは独自に作らない。
カルーセル、タブ、ハンバーガーメニューなどHTMLにないUIを作るときはWAI-ARIAを使って作る。
対応方法
・フォームの説明にIDをつけ、フィールドとaria-labelledbyで関連付ける
・カルーセルやタブを使うときはWAI-ARIA、roleを適切に使用する
※カルーセルはsplideを推奨
※タブ、ハンバーガーメニューはテンプレートで用意しているコンポーネントの使用で達成できる
ラベル、説明が正しくマークアップ、関連付けがされているかは1.3.1
ラベル、説明の文言がわかりやすいかについては3.3.2
ラベル、説明をARIAなどで補助することについては4.1.2
各ページの検査結果
| ページ名 | 検査結果 | 達成基準チェックリスト |
|---|---|---|
| フロントエンド, UI/UX, アクセシビリティのリベロジック株式会社 https://www.liberogic.jp/ |
適合 | 達成基準チェックリストを見る |
| サービス | リベロジック株式会社 https://www.liberogic.jp/service/ |
適合 | 達成基準チェックリストを見る |
| フロントエンド実装 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/frontend/ |
適合 | 達成基準チェックリストを見る |
| ヘッドレスCMS構築 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/headless_cms/ |
適合 | 達成基準チェックリストを見る |
| UIデザイン | サービス | リベロジック株式会社 https://www.liberogic.jp/service/design/ |
適合 | 達成基準チェックリストを見る |
| アクセシビリティ対応 | サービス | リベロジック株式会社 https://www.liberogic.jp/service/accessibility/ |
適合 | 達成基準チェックリストを見る |
| 様々なソリューション | サービス | リベロジック株式会社 https://www.liberogic.jp/service/other_services/ |
適合 | 達成基準チェックリストを見る |
| 私たちについて | リベロジック株式会社 https://www.liberogic.jp/about/ |
適合 | 達成基準チェックリストを見る |
| 実績紹介 | リベロジック株式会社 https://www.liberogic.jp/works/ |
適合 | 達成基準チェックリストを見る |
| トピックス | リベロジック株式会社 https://www.liberogic.jp/topics/ |
適合 | 達成基準チェックリストを見る |
| お問い合わせ | リベロジック株式会社 https://www.liberogic.jp/contact/ |
適合 | 達成基準チェックリストを見る |