本文へ移動
  1. 高校情報
  2. さわって学ぶアクセシビリティ
  3. 一時停止・停止・非表示

2.2.2 一時停止・停止・非表示 レベルA 原則2 操作可能

流れる文字を止めたい

ページの上を横に流れていくお知らせ。読むのがゆっくりな人は読み終える前に流れてしまい、動くものがあると気が散って本文に集中できない人もいます。止められないと、どちらも困ります。

さわってみよう

流れているお知らせの3つ目[3]を、流れていく文字を目で追いながら読んでみよう。

https://example.jp/school

〇〇高校 お知らせ

新着

本日の部活動は通常どおり行います。

このお知らせの困ったところ

見本のページには止めるボタンがありません。ページを開くと自動で流れ出し、いつまでも止まりません。

文字を読もうとすると目で追いかけ続けることになり、読み終える前に端から消えていきます。

この教材のページ自体は動きを止められるように、見本の外にボタンを置いています。

直してみよう

お知らせに一時停止ボタンを付け、止めてから問いに答えよう。

https://example.jp/school

〇〇高校 お知らせ

新着

本日の部活動は通常どおり行います。

ボタンはお知らせより前に置きます。キーボードで進む人が、流れる部分より先に止められるようにするためです。止めたあとは、お知らせの枠を選んで左右の矢印キーで横に動かして読めます。

この教材のページ自体は、見本にボタンを付ける前でも止められるよう、ここにも止めるボタンを置いています。合格には、見本に付けた一時停止ボタンで止めてください。

問い:お知らせ[3]の日付は?

分かったこと

「必要不可欠」の考え方や自動更新の例は、WCAG 2.2 の日本語訳で確かめよう。