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

平易な要約がなく、法律の言い回しでしか読めない規約

定期便の規約が申し込みボタンの上に法律の言い回しの長い段落で書かれているため、解約の締め切りは、その文章を読み解ける人にしか分からない

WCAG 2.2
SC 3.1.5AAA
必須とする規格
Section 508、EN 301 549、JIS X 8341-3 では必須ではない
問題あり <p>「定期便を始める」を選択することにより…</p>
アクセシビリティの問題を示した図: 認知:いつまでに解約すればいいの?
01

問題

長く堅い文を読むのが難しい人は、申し込む前に、いつまでに解約すればよいのかが分からない

02

試してみる

定期便を始める前に、お届けをスキップできる締め切りを探してみましょう

答えは規約の中にあります。ページの下の棒は、表示中の文1つずつの文字数です。点線の60字は、国の「公用文作成の考え方」が、読みにくくなっていないか意識するとよいとする「50~60字ほど」の上限です。続けて、それぞれの修正を適用して探し直してみてください。

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

問題法律の言い回しだけで書かれた規約

定期便の規約

「定期便を始める」を選択することにより、お客様は、当社が、お客様の選択した配送間隔に従い、初回注文日を起算日として、本規約に従って定期便が解約されるまでの間、その時点で有効な定期便価格および該当する送料を、お客様の指定した支払方法に請求することに同意したものとみなされます。配送予定のお届けのスキップ、一時停止もしくは変更または定期便の解約の申出は、発送予定日の前日23時59分までに当社が受領したものに限り受け付けるものとし、当該時刻を経過した場合、当該お届けは確定したものとみなされ、法令により義務付けられる場合を除き、これに係る代金の返金には応じかねます。当社は、アカウントに登録された電子メールアドレスに対し30日以上前に通知することにより、定期便価格を改定できるものとします。

表示中の各文の長さ

定期便の規約

  • 137字
  • 144字
  • 62字

点線:60字

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

03

修正方法

規約を、ボタンの前に平易な言葉で示す

修正前
問題法律の言い回しだけで書かれた規約
<section class="terms">  <h2>定期便の規約</h2>  <p>    「定期便を始める」を選択することにより、お客様は、当社が、お客様の選択した配送間隔に従い、初回注文日を起算日として、本規約に従って定期便が解約されるまでの間、その時点で有効な定期便価格および該当する送料を、お客様の指定した支払方法に請求することに同意したものとみなされます。配送予定のお届けのスキップ、一時停止もしくは変更または定期便の解約の申出は、発送予定日の前日23時59分までに当社が受領したものに限り受け付けるものとし、当該時刻を経過した場合、当該お届けは確定したものとみなされ、法令により義務付けられる場合を除き、これに係る代金の返金には応じかねます。当社は、アカウントに登録された電子メールアドレスに対し30日以上前に通知することにより、定期便価格を改定できるものとします。  </p>  <button type="submit">定期便を始める</button></section>
問題点3点
  • 3文は137字、144字、62字で、受け身の表現と法律の言い回しで書かれています。
  • お届けのスキップ、一時停止、解約の締め切りは、2文目の途中にあります。
  • 同じ内容を平易な言葉で伝えるものが、ページのどこにもありません。
修正後

規約の上に平易な要約を置く

<section class="terms">  <h2>定期便の規約</h2>  <h3>要点</h3>  <ul>    <li>解約するまで、2週間ごとに$24と送料がかかります。</li>    <li>お届けのスキップ、一時停止、変更、解約は、発送日の前日23:59までにしてください。</li>    <li>それを過ぎたお届けは発送され、法律で返金が必要な場合を除いて返金しません。</li>    <li>価格を変えるときは、30日以上前にメールでお知らせします。</li>  </ul>  <h3>規約の全文</h3>  <p>    「定期便を始める」を選択することにより、お客様は、当社が、お客様の選択した配送間隔に従い、初回注文日を起算日として、本規約に従って定期便が解約されるまでの間、その時点で有効な定期便価格および該当する送料を、お客様の指定した支払方法に請求することに同意したものとみなされます。配送予定のお届けのスキップ、一時停止もしくは変更または定期便の解約の申出は、発送予定日の前日23時59分までに当社が受領したものに限り受け付けるものとし、当該時刻を経過した場合、当該お届けは確定したものとみなされ、法令により義務付けられる場合を除き、これに係る代金の返金には応じかねます。当社は、アカウントに登録された電子メールアドレスに対し30日以上前に通知することにより、定期便価格を改定できるものとします。  </p>  <button type="submit">定期便を始める</button></section>
修正の手順4ステップ
  1. 達成方法G86のとおり、規約の見出しのすぐ下に「要点」という見出しで要約を置きます。利用者は最初にこれを読み、要約は規約の見出しとボタンの間に収まります。
  2. 箇条書きで、1項目に1つの点を、よく使われる言葉の短い文で書きます。金額、締め切り、返金の条件、価格を変えるときの通知です。
  3. 「お客様の選択した配送間隔」から計算させず、$24、2週間ごとのように、注文の値をそのまま書きます。
  4. 法律の段落は、「規約の全文」という見出しの下に一字一句そのまま残します。

これで修正前の例は直り、3.1.5を満たします。要約は前期中等教育レベルを超えた読解力を必要とせず、各文は26字から42字です。全文は読みにくいままですが、要約が横に添えてあるため、基準はそれを認めています。ただしそれは、要約の内容が規約と一致している間だけです。規約を変えるときは、同じ編集で要約も変えます。

04

デザインの案

平易な要約の形は一つではない

同じ規約を、ボタンのそばに平易な言葉で示す方法をさらに3通りと、読みにくさが変わらない見せ方を2つ示します。Tabで移動し、開くものは開いてみてください。

デザインファイルで

  • ダミーの文ではなく、実際の要約をデザインに書き込む。言葉とその長さもレイアウトの一部です。
  • 要約は、利用者が決めるボタンより前に置き、規約の全文はその後に置く。
  • 1つの点に1行を使い、払う金額やすべきことを文頭に置いた短い1文で書く。
  • 締め切りはすべて日と時刻で示し、料金と返金の条件は一つも要約から外さない。

合格

    1. 今日 初回のお届け、$24
    2. 発送日の前日 23:59 スキップや解約の締め切り
    3. 発送 次のお届け、$24

    その後、解約するまで2週間ごとに続きます。

    請求の流れのタイムライン 請求の流れを線の上の3つの点で示し、どの点も言葉で書きます。締め切りは文の一部ではなく、印を付けた一つの点になります。テキストで描くため、ページと一緒に拡大も翻訳もできます。
  • 平易に言うと:スキップや解約は、発送日の前日23:59までです。

    条文ごとに平易な1行 法律の条文はそのままの位置に残し、その前にクリーム色の帯で、サイトの口調の平易な1行を添えます。Pinterestの規約も、各セクションに「More simply put」(簡単に言うと)の1行を添えています。利用者は平易な1行を先に読みます。
    • 解約するまで、2週間ごとに$24と送料。
    • スキップや解約は、発送日の前日23:59まで。
    • それを過ぎたお届けは予定どおり発送。
    規約の全文を読む

    配送予定のお届けのスキップ、一時停止もしくは変更または定期便の解約の申出は、発送予定日の前日23時59分までに当社が受領したものに限り受け付けるものとし、当該時刻を経過した場合、当該お届けは確定したものとみなされます。

    要約は開き、全文は折りたたむ 3つの点は表示したまま、法律の段落はその下に折りたたむため、このステップは短く収まります。開けば、全文はページ上で読めます。

不合格

  • 配送予定のお届けのスキップ、一時停止もしくは変更または定期便の解約の申出は、発送予定日の前日23時59分までに当社が受領したものに限り受け付けるものとし、当該時刻を経過した場合、当該お届けは確定したものとみなされます。

    ボタンの下の小さな注記WCAG 3.1.5 多くのチェックアウトで見かける、すっきりした見せ方です。太いボタンの下に規約を小さく添えます。言葉はすべてそろっていますが、法律の言い回しのままで、もっと平易に言い直したものはありません。
  • 規約の言葉のままの要点WCAG 3.1.5 平易な要約に見えますが、規約を短く切っただけです。言葉は規約と同じく堅いままで、締め切りは「所定の期限」になり、日も時刻もなくなっています。
05

修正の確認

5項目、マウス不要

確認方法: 読みやすさの確認

5件中0件を確認済み

OS、ブラウザーと支援技術のバージョン、ビルド、実施日、各手順の実際の結果を記録してください。規約を変えた際は、再度確認します。

制限

このサンプルは、どのアプリケーションでも同じ結果になることを保証するものではありません。3.1.5はレベルAAAで、多くの方針が求めるAAを超える基準ですが、利用者が同意する規約は、読めない文章がいちばん大きな損につながる場所です。この基準は、すべての文章を平易にすることまでは求めていません。難しい文章でも、横に平易な版があれば満たします。例は1つの規約ですが、返品ポリシー、プライバシーポリシー、設定の手順にも同じ修正が使えます。説明が必要な一つひとつの言葉は別の問題です。「意味の説明がない専門用語や見慣れない言葉」を参照してください。略語も別の問題です。「何の略なのかページのどこにも書かれていない略語」を参照してください。読みやすさの公式や読解レベルは言語によって異なるため、サイトが提供する言語ごとに測ってください。

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

EaseWebのサービス

修正した問題を、次のリリースで再発させない

このガイドのような修正方法を、コーディングエージェントが従うルールと、CIのチェックに組み込みます。あわせて定期的に、キーボードとスクリーンリーダーで手動の再テストを行います。

サービス内容を見る