本文へ移動
easeweb
ご相談
トピックを検索

掲載されていない、または中身のないアクセシビリティ方針

支援技術で何が使えるか、何が使えないと分かっているか、誰に伝えればよいかを説明するページがないか、WCAGに適合しているとだけ書いたページしかありません。

EN 301 549
12.1.1項12.2.2項
Section 508
602
問題あり
アクセシビリティの問題を示した図: 手の操作:誰に伝えればいい?
01

問題

問題にぶつかった人が、それが既知の問題か、どう回避すればよいか、誰に伝えればよいかを知ることができず、目的を果たせないまま離れてしまいます。

02

試してみる

配送日のカレンダーが開けないとします。代わりに何をすればよいか、誰に伝えればよいかを探してください。

ショップの下部を見て、そこにあるリンクをたどってください。ウィンドウの下の欄に、見つかったものが出ます。「問題2」には、主張だけを書いた「アクセシビリティ」のページがあります。「Fernleaf Tea」を押すと購入手続きに戻ります。

問題あり 修正できますか?

購入手続き

配送日(任意)
日付を選択 ▾

見つかったもの

  • なしカレンダーの問題が既知かどうか
  • なし別の注文方法
  • なし誰に伝えるか、いつ返事が来るか
  • なし最後に確認した日付

再現デモです。「問題あり」は意図的にアクセシブルでない状態にしています。

03

修正方法

何が使えて、何が使えないか、どう連絡すればよいかを公開し、すべてのページからリンクします。

  1. 1アクセシビリティの情報か、それを載せたヘルプページに、すべてのページの同じ場所からリンクする。
  2. 2分かっている問題を平易な言葉で一つずつ挙げ、作業を進める別の方法を添える。
  3. 3連絡手段、返信までの目安、最後に確認した日付を書く。
修正前

アクセシビリティについてのページがない

<footer>  <p>© 2026 Fernleaf Tea</p></footer>
修正後

すべてのページからリンクした方針のページ

<footer>  <a href="/accessibility">アクセシビリティ</a>  <p>© 2026 Fernleaf Tea</p></footer> <!-- /accessibility --><h1>アクセシビリティ</h1><p>Fernleaf Teaは、誰もが買い物できるサイトを目指しています。このページでは、支援技術でどの程度  使えるか、まだ使えないと分かっている部分、連絡方法を説明します。</p> <h2>このサイトのアクセシビリティ</h2><p>WCAG 2.2のレベルAAを目標にしています。現在は一部を満たしています。「まだ使えない部分」に  挙げた箇所は満たしていません。</p> <h2>使える機能</h2><ul>  <li>下に挙げたカレンダー以外は、キーボードだけで操作できます。</li>  <li>文字を200%まで拡大しても、内容が欠けません。</li>  <li>商品の動画には字幕があり、CCボタンで表示できます。</li></ul> <h2>まだ使えない部分</h2><ul>  <li>購入手続きの配送日のカレンダーは、キーボードとスクリーンリーダーで操作できません。    日付を空欄にすると最短の日にお届けします。ご希望の日付をメールでお知らせいただくこともできます。    2027年1月31日までに修正する予定です。</li></ul> <h2>問題のご連絡</h2><p>サイトの操作で困ったときは、<a href="mailto:[email protected]">[email protected]</a>  へのメールか、<a href="tel:+15550100">+1 555 0100</a> へのお電話でご連絡ください。2営業日以内に  お返事します。メールやお電話でも、同じ価格でご注文を承ります。</p> <h2>試験の方法</h2><p>自社のチームが、自動チェック、キーボード、スクリーンリーダーのNVDAで試験しました。</p><p>最終確認日:<time datetime="2026-09-30">2026年9月30日</time></p>

AI コーディングアシスタントで修正しますか? このガイドを Markdown で取得

04

修正の確認

マウスを使わない4つの確認

確認方法: キーボード、スクリーンリーダー、ズーム

4件中0件を確認済み

OS、ブラウザーと支援技術のバージョン、ビルド、実施日、各手順の実際の結果を記録してください。アクセシビリティの試験の後や、問題を修正したり新たに加えたりするリリースの後に、再度確認します。

制限

このサンプルは出発点となる実装例で、法的な助言ではありません。方針に何を書くべきか、誰が公開すべきかは、国や組織の種類によって異なります。方針は問題を直すものでも、サイトを適合させるものでもありません。利用者が問題に一人でぶつからないようにするだけです。このガイドは、ウェブサイトが自らのアクセシビリティについて示す情報を扱います。ハードウェアやソフトウェアの説明書とその利用しやすい形式(EN 301 549 の12.1.2、Section 508 の602.3と602.4)や、サポート窓口が利用者のコミュニケーションの必要にどう応えるか(Section 508 の603.3)は扱いません。実際に対象とする支援技術で、操作全体を確認してください。

よくある問題を再現した学習用のサンプルです。実在のクライアントの診断結果ではありません。コードは出発点となる実装例のため、実際の製品でも確認してください。ここでは支援技術でのテスト結果は報告していません。

コードを更新しても、使いやすさを保つために

ガイドの内容を、コーディングエージェントやCIで使える開発ルールにまとめます。更新後は、キーボードとスクリーンリーダーで再テストし、問題が再発していないか確認します。

再テストの進め方