ライトレールのアクセシビリティ(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タグの効果的利用(たぶん使える)
練習は… 気が向いたらやる。
追伸
トレネコねこたちはもともと「にゃ一」と鳴いていたんだけど、ポートラムがお気に入りになってからは、こっそり「な一ん」や「ちゃ一」など、富山弁っぽくなってきてるんだ!
普通にかわいいんだけど(笑)
このページの多くの「ー」(にゃー)が、「一」(にゃいち)って書いてあるのも変ですね。