アクセシビリティとネットショップ

見え方と操作方法が違っても買える店にする

アクセシビリティは一部の人だけのためではありません。画像が読み込めない、文字を大きくしている、キーボードで操作している、音を出せないといった状況でも、商品を理解して注文できるようにします。写真だけにサイズや色の情報を入れず、本文でも説明します。

色の違いだけで在庫やエラーを示すと、見落とす人がいます。「在庫なし」や「郵便番号を確認してください」と文字でも示し、選択された状態が分かるようにします。

注文までの手順を別の操作で試す

マウスを使わず、キーボードで商品選択からカートまで進めるか試します。フォーカスがどこにあるか見えるか、開閉メニューを閉じられるか、フォームの各入力に名前が付いているかを確認します。

次に文字を大きくし、スマートフォンの縦画面で横スクロールなしに価格と購入条件が読めるか見ます。動画には内容を伝える字幕や説明も検討します。

細部を分けて確認する

画像の代替テキスト、文字と背景の差、リンク名、入力フォームなどはアクセシビリティの詳細ガイドで扱います。一度で全部を直すのが難しい場合も、まず注文を妨げる箇所と、商品情報が伝わらない箇所から改善します。