a要素の中にimg要素がある場合、そのimg要素のalt属性の情報(代替テキスト)をPC-Talkerでは読上げてくれません。

「えっ！alt属性に記述された代替テキストの情報を読上げてくれないの？基本的にalt属性に記述された代替テキストは読上げてくれなくちゃ困るでしょ」と思われたかたが多いと思いますが、残念な事にa要素の中にimg要素がある場合のalt属性に記述された代替テキストはPC-Talkerでは読上げてくれないんです。

そこで、a要素の中にimg要素があり、そのimg要素のalt属性に記述された情報(代替テキスト)をどのように読上げるか、PC-Talker XP Version3.08とNVDA Version R3278jで検証してみました。

音声読上げソフトでの読上げ順について

音声でのネットサーフを考慮し、左右ブロックより先にメインコンテンツ（中央ブロック）を読み上げさせる（認識させる）ため、ヘッダ領域に記述されていた左ブロックをフッタ領域に移動させ記事(中央ブロック)を先読みさせています。 CSSで視覚上は左ブロック→中央ブロックー右ブロックの順にしています。

先日、視覚障害者の知人にインターネットをしていて何か困った事はないか聞いてみたところ
「オフィスワトソンの正体がわからないの。オフィスワトソンと読上げたらその後、エラー報告を送信するか、しないか聞いてきてくるんだけど原因がわからないからしかたなく強制終了してるの。画面上で何が起こってるかわからないから教えて欲しい」 という話を聞きました。

今回作成したテンプレート「dog」は、Zen Cartを知ってからずっと作りたいと思っていた、中央ブロックの先読みをさせています。

8月21日にGeeklog1.6.0sr1日本語パッケージBETA版リリース されました。

7月19日日曜日に行われたWCAG勉強会@関西に参加してきました。

まずは、主催者の@motchieさんからWCAG2.0の土台となる4つの原則

1. 知覚可能 - 情報およびユーザインタフェースの構成要素は、ユーザが知覚できる方法でユーザに提示可能でなければならない。
2. 操作可能 - ユーザインタフェースの構成要素およびナビゲーションは操作可能でなければならない。
3. 理解可能 - 情報およびユーザインタフェースの操作は理解可能でなければならない。
4. ロバスト性 - コンテンツは、支援技術を含む様々なユーザエージェントが確実に解釈できるように十分に堅牢でなければならない。

等の説明がスライドを用いて行われ、続いてWCAG勉強会@関西の目的についての説明がありました。