WCAG 2.0の「ガイドライン2.4 ナビゲーション可能」の最後の2つの達成基準について解説。
達成基準2.4.6は、見出しやラベルが内容を明確に示すことを要求します。
達成基準2.4.6「見出し及びラベル」: 見出しやラベルは、内容を明確に示す必要がある。ただし、必ず付ける必要はなく、付ける場合はわかりやすくする。
達成基準2.4.7「フォーカスの可視化」: キーボード操作でフォーカスが当たっている箇所を視覚的に示す必要がある。ただし、操作可能な要素が1つの場合は不要。
2.4.7は、キーボード操作でフォーカスが当たっている箇所を視覚的に示すことを要求します。
これらの達成基準を満たすためには、セマンティックHTMLによる適切なマークアップが重要です。
また、CSSでフォーカスインジケータを非表示にする場合は、別の方法でフォーカスを示す必要があります。
本エピソードを通して、アクセシブルなウェブサイトを作るために、見出し、ラベル、フォーカスの可視化がいかに重要であるかが理解できます。
達成基準 2.4.6 を理解する | WCAG 2.0解説書
https://waic.jp/translations/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html
達成基準 2.4.7: フォーカスの可視化を理解する
https://waic.jp/translations/WCAG21/Understanding/focus-visible.html
「チャコウェブラジオ」は株式会社Cyber Catsが運営するチャコウェブのスタッフが、ウェブアクセシビリティやSNS運用など、ウェブに関するテーマについて楽しくお話しするポッドキャストです。
ご感想やチャコウェブへのご相談はメールフォームよりお寄せください。
https://www.chaco-web.com/contactus.html
やまぐちみあ(ウェブアクセシビリティマネージャー)
https://twitter.com/chacoweb_ymgc
社内で定期的に開催している勉強会では、制作メンバーとウェブアクセシビリティ関連の知識を共有したり、意見交換を積極的に行っています。
お客様のホームページ制作にあたっては、ディレクター、デザイナーとの打ち合わせ時にウェブアクセシビリティの観点からデザインや仕様の決定に携わっています。
また、ウェブアクセシビリティに関するブログ記事の更新も担当しています。
よこやまゆみこ(ウェブマーケティングマネージャー)
https://twitter.com/chacoweb_yama
ブログを9年間運用してきた経験から実践的なアドバイスを得意とし、コンテンツ発信を活用して企業の価値を高めるサポートをしています。
400件を超える中小企業のホームページ制作に関わり、SEO、コンテンツマーケティング、ライティングの知識を使ったコンテンツ制作で利益につなげる制作ディレクションと利益獲得のアドバイスをしてきました。
ウェブの情報発信力を存分に活用する考え方を基礎からお伝えし、運用能力を身につけていただくお手伝いをしています。
https://www.chaco-web.com/
https://twitter.com/_chacoweb
ポッドキャストの書き起こし「LISTEN」はこちら
https://listen.style/p/chacoweb?k2xLjX2w