SmartHR Design System

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

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

内容には、弱視・ロービジョンのユーザーに特に影響のあるアクセシビリティガイドラインの一部項目を含みます。

1. レイアウト

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

アクセシビリティガイドライン

参考

2. 色

  1. 色のみで領域やグループを表現しない

アクセシビリティガイドライン

参考

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

  1. hoverで表示されるコンテンツはポインタを乗せても表示を維持できる
  2. クリックやタップができる領域を広くする
  3. エラーなどの重要な通知は操作部の近くで表示する

アクセシビリティガイドライン

参考