webサイト アクセシビリティについて

スクリーンリーダーを利用しているお客さま対応で
ウェブサイトのアクセシビリティについて調べた。

調べたら無料のスクリーンリーダーがあるではないか!

NVDA(windowsのみ)
http://www.mahoro-ba.net/e1048.html

音声エンジンが必要かな?と思ったが、どうもインストールしなくても
読み上げはされた。

スクリーンリーダーで読み上げされてなかった箇所を確認すると、
画像にテキストが埋め込んであって、しかもCSS のbackground-imageで
指定してあるケースだった。

リーダーで読み上げられるようにするにはちょとhtmlを修正しないといけないっぽい。
http://beautifuldays.my.land.to/csstech/replacement.html

最近cssで画像の指定とかするのが普通になってきているが、
ウェブアクセシビリティを考えたとき意外に調整が必要だと勉強になった。

あと、調べているときにweb accessibility をチェックしてくれる
FireFoxプラグインで発見。

http://wave.webaim.org/toolbar