Shopify ストアの無料アクセシビリティ診断。

13項目を、お客様が使う言葉で。

警告書がもっとも多く指摘する問題で、機械が数えて判定できるものです。

• すべての写真に説明がある代替テキスト（alt）。ほとんどの警告書が最初に指摘する点で、Google 画像検索が読むテキストでもあります。
• リンクが行き先を伝えているカラーのスウォッチ、アイコン、名前のない「詳しく見る」リンクは、商品ページとコレクションページでいちばん多い不備です。
• ボタンが何をするか伝えているアイコンのボタン：カート、検索、メニュー、閉じる、お気に入り。
• 入力欄が何を入れるか伝えている検索、メール登録、チェックアウトの入力欄に、ラベルがない状態。
• 文字が背景に対して読めるコントラストを、ページの中の複数の箇所で測ります。商品写真の上に重ねた文字が、いちばん多く不合格になります。
• ボタンがタップできる大きさである24ピクセルの最小サイズ。小さなスウォッチや細かいアイコンが引っかかります。
• キーボードでメニューをスキップできるページの先頭にある、メニューをスキップするリンク。
• タブの移動順がページどおりであるキーボードを思わぬ場所へ飛ばす、正の値の tabindex がないこと。
• スクリーンリーダーでセクション間を移動できるランドマーク（ページの区切り）：ヘッダー、ナビゲーション、本文、フッター。
• スマートフォンでピンチで拡大できるテーマが拡大を無効にしていないこと。
• ページが何語で書かれているか示している言語の指定。日本語と英語のストアでは、二重に大切です。
• ページごとにきちんとしたタイトルがあるすべてのページが同じタイトルになっていないこと。
• アクセシビリティ方針のページがあるストアをどうテストしているか、問題をどこに知らせればよいかを書いたページ。

ソフトウェアは数えられます。判断はできません。

ここから先は人の出番です。だから結果では「合格」ではなく「要確認」と表示し、診断ではキーボードとスクリーンリーダーで実際にテストします。

• メニュー、カルーセル、カートのドロワーで、キーボードのフォーカスが見えていて、順序が自然かどうか
• コレクションページからチェックアウトまで、スクリーンリーダーで聞いた流れが筋の通ったものかどうか
• 画像の上に置いた文字を、1つずつ見て判断すること
• チェックアウトそのもの。エラーメッセージも含みます
• 動き、動画、そして自動で動くもの全般

3ページ、13項目、共有できる結果がひとつ。

• ストアのURLを貼り付けます。診断は実際のブラウザでそのページを開き、Shopify ストアかどうかを確かめ、トップページのリンクからコレクションページと商品ページを1つずつ見つけます。
• お客様のブラウザと同じように、3ページをパソコンの幅で読み込み、商品ページはスマートフォンの幅でもう一度読み込みます。開けなかったページは「未テスト」として表示します。
• 13項目を確認して、レポートを表示します。1項目1行で、根拠になった件数も並びます。ソフトウェアが判断できなかった項目は、「合格」ではなく「要確認」になります。このレポートは、準拠の証明でも認定でもありません。
• 結果には、共有できるリンクがつきます。見るのにログインもメールアドレスも要りません。30日で期限が切れます。
• ストアのURLは、結果が残っている間だけ保存します。結果を人に見てもらう場合だけ、その返信のためにメールアドレスを一度お聞きします。

不合格が2件なら1日の作業。6件ならプロジェクトです。

どちらでも、次の一歩は同じです。$297の診断では、キーボードとスクリーンリーダーでページをテストし、何人のお客様が困るかで問題に順位をつけ、それぞれの修正方法をお渡しします。あるいはURLをお送りいただければ、まず直したい3点を無料でお伝えします。