色だけに依存しないウェブページ:ライトレールの時刻表

06.08.06, 14:06

ライトレールのアクセシビリティ(Dreamのお好み情報箱 2006年08月06日)
富山ライトレール株式会社/時刻表

このサイトに時刻表が書かれています。PDF形式のファイルでもダウンロードできるようです。

ですが、問題に感じた点があります。
例えばこのページをご覧ください。

テーブル(表)になってるので音声で把握しにくい…ってのは仕方ないとして、問題は下記の部分です。

※ の列車は、越中中島止まりです。
赤色は2番線発車です。

「の列車は…」ってなんでしょうか?
「赤色は2番線発車です。」と書かれていますが、通常の音声ブラウザでは色の確認ができません。従って「赤色は」と色で示されても音声では分からないんです。
2つ目の赤色の部分について書かれています。
赤って言われたって見えないよ! ってことです。
音声ブラウザで聞く場合に限らず、旧式でモノクロのPDAブラウザや、旧式でモノクロの携帯電話ブラウザ等で「見」たって同じこと。

こういった書き方は常に推奨されません。

「の列車は…」について


さて、ブログを見る限りわかっていないようなので、1つ目の「の列車は…」の方について書きます。

HTMLソースを見ると、
<td bgcolor="#FFCC00"><img src="../img_share/spacer.gif" width="15" height="1"></td>
<td>の列車は、越中中島止まりです。</td>
「の列車は」の前には、オレンジの四角が見えます。

(耳で聞けば、たぶん画像のURLが聞こえるだけだと思いますが、)altのないimg(画像)には、何も描いてありませんし、全く透明です。これはセルの幅を確保するために用いられています。
これが入っている、背景色をつけたセルが問題の四角を表示していて、 td bgcolor="#FFCC00"、つまりオレンジ色をつけています。
表の中のオレンジ背景の項でも、同じ方法 td bgcolor で着色しています。中には、背景がオレンジ、文字色が赤色というものもあります。

「分」ではなく「時間」の部分も背景に別の色がついていますし、HTMLを直接見てbgcolor="FFCC00" を探したとしても、複雑なtableレイアウト構造の前に迷子になり、挫折すると思います。

閲覧者に無理をかけるよりは、ホームページ側で対応する問題だと思います。どうせ頻繁に更新するものでもないし。

その他の問題点


・中には、背景がオレンジ、文字色が赤色というものもあります。(同系色使うと見づらいよ…)

・table内部のみtableレイアウト構成になっている上、変なcssをかぶせての構成なので、 CSSを外すと時刻(分)同士のセパレータがないのでくっついて見える。

対策


・テーブルレイアウトの排除。(推奨したいところ)
・記号の付加。記号文字がどこまで読めるのかは知らない。
・隠し文字の必要性はどうか。
・title属性の必要性はどうか。
・strongタグまたはemタグの効果的利用(たぶん使える)

練習は… 気が向いたらやる。


追伸


トレネコ
ねこたちはもともと「にゃ一」と鳴いていたんだけど、ポートラムがお気に入りになってからは、こっそり「な一ん」や「ちゃ一」など、富山弁っぽくなってきてるんだ!
普通にかわいいんだけど(笑)

このページの多くの「ー」(にゃー)が、「一」(にゃいち)って書いてあるのも変ですね。
トラックバック (0)
このエントリーへのトラックバックURL :::
http://blog.ptlabo.net/tb.php?id=06080021
トラックバックはありません.
コメント (0)
コメントはありません.
コメント投稿
投稿者 :::

コメント(タグは使用できません) :::

url / e-mail(表示されます) :::