弱視・ロービジョンのユーザビリティチェックリスト

このリストに記載されている項目を満たすことで、より多くの弱視・ロービジョンのユーザーが使える・使いやすい品質になることが期待できます。

内容には、弱視・ロービジョンのユーザーに特に影響のあるウェブアクセシビリティ簡易チェックリストの一部項目を含みます。

1. レイアウト

同一の操作や説明には一貫したアイコンを使用する
リンクテキストに下線がある
文字画像を使用しない
画面の左側に見出しやUIを配置する
関連するフォームパーツは隣り合う位置に配置する

ウェブアクセシビリティ簡易チェックリスト

参考

2. 色

背景色と意味のあるアイコンのコントラスト比が3:1以上ある
色のみで領域やグループを表現しない

ウェブアクセシビリティ簡易チェックリスト

参考

3. インタラクティブなUI

ホバーで追加されるコンテンツは、追加コンテンツをホバーし続けることで表示が継続される
クリックやタップができる領域を広くする
重要な通知は操作部の近くで表示する

ウェブアクセシビリティ簡易チェックリスト

参考