なぜフォーカスインジケーターが重要なのか
フォーカスインジケーターは、Webページを閲覧中にどの要素にフォーカスがあるかを示すために使用されます。例えば、Tabキーを押して次のリンクに移動した場合、どの項目にフォーカスがあるかはこのインジケーターで確認することができます。
NomensaのKate Bradbury氏はHumanising Technology Blogの記事、Why the focus indicator is importantで、なぜフォーカスインジケーターが重要なのか、どうすればそれをアクセシブルにできるのかを動画で紹介しています。
フォーカスインジケーターはほとんどのブラウザーで利用でき、ページ内のanchorやinput要素にフォーカスがあるときにそれを示すことができます。しかし、標準のインジケーターの見た目が良くないためか、Webサイトの中にはそれを表示しないようにしているものも少なくないとのこと。マウスを使ってページ内を移動する場合は大きな問題はないものの、キーボードを使って移動する際は、どこにフォーカスがあるのかがわかりにくいという問題があるそうです。
フォーカスインジケーターに関しては、WCAG 2.0 実装方法集にもG165: 視認性に優れた標準のフォーカスインジケータが引き継がれるように、プラットフォーム標準のフォーカスインジケータを用いるという項目がありますので、この動画サンプルとともに確認してみてはいかがでしょうか?
ミツエーリンクスでは、WCAG準拠やJIS X 8341-3対応をはじめ、さまざまなWebアクセシビリティ関連サービスをご提供しています。是非アクセシビリティのページをご覧いただき、お気軽にお問い合わせください。