サイトを使う人を、勝手に絞っていないか考えるようになった話
「アクセシビリティ」という言葉、最初は身構えました。横文字に略語、細かいガイドライン。「専門家がやる難しい話」というイメージで、素人が立ち入っていい領域なのかよく分かりませんでした。
それでも自分のサイトを作っていく中で、ふと立ち止まる瞬間がありました。「目が見えづらい人が音声で聞いたらちゃんと伝わるんだろうか」「マウスが使えない人はどこを触ればいいんだろう」。「自分は今、結構限定された使い方しか想定していないんじゃないか」という気持ちがじわっと出てきました。
画像に「説明文」をつけるという地味な発見
最初に意識したのは、画像に短い説明文を添える習慣でした。画面が見えないとき、その説明文を音声で読み上げてもらえば中身がぼんやり伝わる仕組みがあるらしい。「画像って、見えていない人にとっては『そこに何かがある』だけで終わってしまうことがあるんだな」とハッとしました。
完璧ではないし、過去のページには抜けもあるかもしれません。それでも「画像を置いたら一行だけ説明を添える」習慣がついたのは大きな変化でした。
マウスを使わずに自分のサイトを開いてみたら
「キーボードだけでウェブを使う人」がいる前提で、一度自分のサイトをキーボードだけで巡回してみました。「今どこを触っているのか」が分かりにくい瞬間が多くて、結構ドキッとしました。
デザインの邪魔だからと消していた選択中の枠線。あれは見た目の話ではなく、キーボードで使う人にとっては大事な「現在地表示」だったんだなと気づきました。
凝った動きをつけたところほど反応しなくなりやすいらしいので、できるだけ普通の部品を素直に組み合わせるスタンスに落ち着きつつあります。
色だけで意味を分けない
「OK は緑、NG は赤」みたいな色だけで意味を分ける表現は、人によっては区別しづらいことがあるそうです。
色そのものが悪いのではなく、「色だけに頼っていないか」という視点が必要、ということなんだろうと理解しています。なるべく記号や言葉も一緒に添えるようにしました。
リンクも本文の中に置くときは下線を残すようにしています。「色が違うだけ」だと、リンクなのか強調なのか分かりにくい人がいると知ってからは、デザイン都合で下線を消すのは避けています。
「読みづらくないかな」と一度引いて眺める
文字を小さくしすぎないこと、文字色と背景色がちゃんと違って見えること。専門的な目安もあるそうですが、私は数字を覚えるより「一度引いて眺める」確認の仕方をしています。
スマホでも見てみる、家族に「読みづらくない？」と聞いてみる、時間を置いて読み直す。そういう距離の取り方の方が、自分には合っています。
「下手に触らない」という選択肢
「下手に手を加えるくらいなら、何もしないほうがいい場面もある」という考え方があるそうで、これは安心できる言葉でした。
普通のやり方を素直に使えば、支援ツールが正しく扱ってくれることが多いらしいので、「分からないなら無理に専門的なことをしない」を原則にしています。
完璧じゃないけれど、諦めもしない
全体像はまだぼんやりとしか掴めていないし、抜けに気づくこともこれからあると思います。それでも「自分が想像できる範囲」のなかで、できることを少しずつ重ねていきたい。
このサイトの利用者の中には、私が想像しきれていない読み方をしている人がきっといます。
その人たちに「あなたを想定して作っていなかった」と言いたくない。それくらいの気持ちで、地味な調整を続けていけたらと思っています。
← 他の制作記を見る ｜ トップ ｜ お問い合わせ