harborandpine.example

全体像

6つの領域（5ページ）で、問題18件、要確認6件、改善の余地7件。

問題

18

要確認

6

改善の余地

7

合格

44

優先度別の問題：高 11 件、中 5 件、低 1 件。

• 問題ボタンには認識可能なテキストが存在しなければなりませんアクセシビリティ
• 問題画像には代替テキストがなければなりませんアクセシビリティ
• 問題フォーム要素にはラベルがなければなりませんアクセシビリティ
• 問題select要素にはアクセシブルな名前がなければなりませんアクセシビリティ
• 問題リンクには認識可能なテキストがなければなりませんアクセシビリティ
• 問題要素は色のコントラスト比（最低限）の閾値を満たしていなければなりませんアクセシビリティ
• 問題EN 301 549 9.1.1.1（WCAG 1.1.1 非テキストコンテンツ）を満たしていないEAA対応
• 問題EN 301 549 9.1.4.3（WCAG 1.4.3 コントラスト（最低限））を満たしていないEAA対応
• 問題EN 301 549 9.2.4.4（WCAG 2.4.4 リンクの目的（コンテキスト内））を満たしていないEAA対応
• 問題EN 301 549 9.4.1.2（WCAG 4.1.2 名前・役割・値）を満たしていないEAA対応
• 問題HTTPSページ上の安全でない（HTTP）リソースセキュリティ
• 問題正常に動作するXMLサイトマップがないSEO
• 問題メタディスクリプションのないページSEO
• 問題商品の構造化データがない商品ページSEO
• 問題既知の脆弱性がある古いJavaScriptライブラリセキュリティ
• 問題Secure属性のないCookieセキュリティ
• 問題代替テキストのない画像SEO
• 要確認メイン画像が遅延読み込みされている表示速度
• 要確認必要以上に大きな画像表示速度
• 要確認自動テストで判定できなかった項目EAA対応
• 要確認スクリプトから読み取れるセッション系のCookieセキュリティ
• 要確認canonicalリンクのないページSEO
• 改善の余地商品ページにレビューがないコンバージョン
• 改善の余地フッターにポリシーへのリンクがないコンバージョン
• 改善の余地ホームページにOrganizationまたはWebSiteの構造化データがないSEO
• 改善の余地SNSシェア用のタグがないSEO
• 改善の余地商品画像が少ないコンバージョン
• 改善の余地ストアに検索機能がないコンバージョン
• 改善の余地security.txtがないセキュリティ

この無料スキャンの対象範囲

警告書の主張と当社の検出結果の比較

引用されている法令：Title III、Americans with Disabilities Act。 記載されている金額：$12,500。 事実に基づく比較であり、法的助言ではありません。

• “Images lack alternative text, so product photos are not described.”

  代替テキストのない画像. テストした5ページのうち3ページで10件。

  再現

• “Text has insufficient color contrast against its background, including sale badges and prices.”

  色のコントラスト不足. テストした5ページのうち5ページで16件。

  再現

• “The website cannot be navigated using a keyboard alone.”

  キーボード操作とフォーカス. キーボードフォーカスがCookieバナーから抜け出せなくなります。

  再現

• “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

  ラベルのないフォーム入力欄. テストした5ページのうち3ページで4件。

  再現

• “Product videos do not have captions.”

  動画と音声のキャプション. 自動スキャンではキャプションを判定できません。商品やブランドのすべての動画について、正確なキャプションと書き起こしがあるかを確認してください。

  手動確認

• “Our client is legally blind and uses screen reader software.”

  その他の問題. これは一般的な記述です。主要な操作の流れ（検索、商品ページ、カートに追加、購入手続き）を、VoiceOverやNVDAなどのスクリーンリーダーでテストしてください。

  手動確認

主なアクセシビリティの問題

重大度と影響範囲の順に並べています。アクセシビリティ改善レポートでは、Shopifyでそれぞれを修正する方法を説明します。

• 重大WCAG 4.1.2

  ボタンには認識可能なテキストが存在しなければなりません

  5ページ中5ページで13件 · 4.1.2 名前・役割・値

  

  要素の例を表示

  <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>

• 重大WCAG 1.1.1

  画像には代替テキストがなければなりません

  5ページ中3ページで10件 · 1.1.1 非テキストコンテンツ

  

  要素の例を表示

  <img src="/img/hero-photo.jpg" loading="lazy">

• 重大WCAG 4.1.2

  フォーム要素にはラベルがなければなりません

  5ページ中2ページで3件 · 4.1.2 名前・役割・値

  

  要素の例を表示

  <input type="number" value="1" min="1">

• 重大WCAG 4.1.2

  select要素にはアクセシブルな名前がなければなりません

  5ページ中1ページで1件 · 4.1.2 名前・役割・値

  

  要素の例を表示

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• 深刻WCAG 2.4.4WCAG 4.1.2

  リンクには認識可能なテキストがなければなりません

  5ページ中5ページで20件 · 2.4.4 リンクの目的（コンテキスト内）, 4.1.2 名前・役割・値

  

  要素の例を表示

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• 深刻WCAG 1.4.3

  要素は色のコントラスト比（最低限）の閾値を満たしていなければなりません

  5ページ中5ページで16件 · 1.4.3 コントラスト（最低限）

  

  要素の例を表示

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>