最近Mac OS XのソフトウェアでSim Daltonismというものを発見しました。これは、Mac OS X上で色盲の人が見ている画面の見え方をシュミレーションするツールです。

Sim Daltonismを起動するとウインドウが立ち上がり、マウスカーソルがある周辺の画面がリアルタイムでその中に表示されます。ウインドウの上部にはどの色覚が欠けている状態（第一色弱とか第二色弱とか）を選ぶ部分があり、それで色弱や色盲の人の見え方をシミュレーションできます。

日本人男性の約5%が色弱者であると言われている中で、このように色弱者の見え方を体験したり、その人達でもコントラストがついて見やすいページデザインを心がけることは、誰でも使えるWebを目指すWeb制作者にとって必須のことであると思います。

今回の第2.0版では、JISX8341-3『高齢者・障害者等配慮設計指針−情報機器における機器・ソフトウェア・サービス−第三部：ウェブコンテンツ』との対応が示されていたり、サイトの設計段階（プロセスに関する指針）と実際の作り方（仕様に関する指針）で分けられていたりと改善がなされています。

ただ、それよりなにより良いところは、それぞれの指針に対して具体例が示されていること。いい例・悪い例を見比べると、指針の意味がはっきり分かります。分かりやすい例を考えるのはなかなか大変なことなので、それだけ富士通が頑張ってるって事です。

論理構造に従ってマークアップする意味

人間の情報処理能力を使えば、同じデザインをWeb上で表現するときにHTMLできちんとマークアップしたものでも、テーブルでレイアウトされているものでも、1ページが1枚の画像としてあっても、同じように何が書かれているか読み取ることはできる。けれどもコンピューターはまだまだお馬鹿なので、きちんとマークアップされていないと情報に重み付けすることができない。結果、音声ブラウザなどできちんと読み上げられないし、検索エンジンはそのページが何について書かれているものか正しく認識できず間違った検索結果を出してしまう。情報がただでさえ溢れているこの世の中で、伝えたいことが正しく伝えられないのは、送り手にとっても受け手にとってもすごい困る。

この見方はコンピューターから見たHTMLのあり方という視点で書いてるけれど、私が言いたいことは、HTMLという共通の言語を使って私たちが伝えたいことを正しく伝えられるようにちょっとだけ努力しましょう、ということ。

ページを作るときに気を付けること

• 文字の大きさやコントラスト
• 小さなものはカーソルで指しづらい
• 読者層を考えて適切な言葉を選ぶ
• 色で情報を区分けしてる場合、色盲の方にとって区分けが分からない場合がある

alt属性は文脈を考えてあえて入れない場合もある

例えば、写真があってそのすぐしたあたりに写真の説明文がある場合、imgタグのalt属性に写真の説明文を書いてしまうと音声ブラウザを通したときに2重に説明文が読まれてしまう。それってどうなの？と言う話。わざとalt属性を取った方がいい例は次のようなもの。
<p><img src="***.jpg"><br />○○の時の写真</p>

これを聞いたときに、闇雲に画像があったらalt属性を付けてた自分が恥ずかしくなりました。アクセシビリティーを気にしてるつもりで実はアクセシビリティーを損ねていたのだと。

ということで、今回の勉強会すごくいい刺激になりました。もっと頑張ります。

28.画像への直接リンクはせず、画像読み込み用のHTMLファイルを作成し、そこにリンクすること

35. 取消し線など意味が大きく変わる文字修飾タグは単独で使用せず、「取り消し」等の言葉を併記すること

この２つが特にハッとしたものです。指摘されないと気づかないことってあるよね。

実はこのページのテンプレートにもちょっと変更を加えて、アクセシビリティーを少しでもよくしようと試みています。
たとえばAタグのtitle属性を設定したり、用語を「エントリー」から「記事」にしたり、行間をCSSで空けたり。