アクセシビリティ改善レポート

確認する項目

• WCAG 2.2のAおよびAAのルール

  主要ページとサイトマップから追加した最大20ページに対し、axe-coreで自動テストを行います。代替テキスト、色のコントラスト、ボタンやリンクの名前、フォームのラベル、見出し、ランドマーク、ARIAを確認します。

• キーボード導線テスト

  キーボードだけを使い、ECサイトではホームページから商品、オプション、「カートに追加」、カートへと進み、購入手続きボタンで止まります。それ以外のサイトでは、ホームページから主要ページ、そのメインのCTA、フォームの入力欄までをたどります。何かを送信することは一切ありません。

• フォーカストラップとフォーカスの可視性

  Cookieバナーなどでフォーカスが抜け出せなくならないか、また訪問者がフォーカスの位置を視認できるかを確認します。

• 320 pxでのスマートフォンのリフロー

  小さなスマートフォンで、ページに横スクロールが必要にならないかを確認します（WCAG 1.4.10）。

• 警告書の主張照合マップ

  警告書を貼り付けると、各主張が当社のテストで再現できた内容と照合され、ページごとの該当件数が示されます。

• 人による確認が必要な項目

  画像の上のテキストなど、テストで検出はできても判定はできない項目を、それぞれの確認方法とともに示します。

• Critical

  @axe/button-name/help{"$en":"Buttons must have discernible text"}

  

  41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

  Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

• Critical

  @axe/image-alt/help{"$en":"Images must have alternative text"}

  

  22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

  Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

• Critical

  @axe/label/help{"$en":"Form elements must have labels"}

  

  7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

  Fix: Placeholder text alone does not count as a label.