Fw: ブログサービスを提供している会社の方へのお願い： モバイル表示でのalt属性機能追加

2017年1月24日 著

ブログサービスを提供している会社の方へのお願い： モバイル表示でのalt属性機能追加 - とね日記という記事を読みました。

各社から提供されているブログサービスの多くで「モバイル表示」がサポートされるようになりましたが、ブログ記事に埋め込まれている画像についてはVoiceOverによる読み上げ機能が動作せず、画像のURLが読み上げられてしまいます。通常、画像のURLはとても長い英数字ですので視覚障碍者が記事を読む上での妨げとなっています。

視覚障碍者の誰もがVoiceOverユーザーというわけではないにせよ、そんなことあるの......と思いつつ、著者の方が機能のご確認にご使用くださいと申し出てくださっている宇宙の形、ガウスの曲面論と内在幾何（第１回） - とね日記で実際に検証してみました。すると確かに、FirefoxでモバイルっぽいUserAgent（謎）に変えてアクセスすると、例えば

<img alt="画像：普通の宇宙の写真" src="http://blogimg.goo.ne.jp/user_image/0b/7f/fa7ff97cf29e1b23296c9bb5a107bf19.png" border="0">

というimg要素がどういうわけか

<img class="photo" src="http://blogimg.goo.ne.jp/cnv/v1/user_image/0b/7f/fa7ff97cf29e1b23296c9bb5a107bf19.png?dw=600,cw=600,q=70,da=s,ds=n" alt="">

に変化しているらしい（そこだけではなく、文書型にXHTML 1.0 Transitionalを使っていたのがHTML5に変わるなど、全体的に異なるマークアップを出し分けている）。どういう意図があってのことか知りませんけど、わざわざユーザーの入力したalt属性値を、モバイル向けに削除してしまうとは......端的に言ってこれはひどいですね。

alt属性値を空（alt=""）に指定していると、そのimg要素がa要素の内容に含まれていた場合、スクリーンリーダーがa要素のhref属性値にあるURLを読み上げることがあります。先のBlog記事をお書きになった方は、おそらくそういう状況を意図されているのでしょう。実際、件のページのモバイル向けでは、PC向けにはない謎の画像単体の掲載ページへのリンクが存在するため、結果的にF89: 達成基準 2.4.4、達成基準 2.4.9、及び 達成基準 4.1.2 の不適合事例 － 画像だけがリンクのコンテンツである際に、img要素のalt属性値が空になっているという状況を生み出しているのですから（A link wraps IMG with null ALT - Screen reader compatibilityも参照）。

ブログサービスやらCMSを提供しているベンダーの皆様、今すぐAuthoring Tool Accessibility Guidelines（ATAG）2.0に準拠しましょう......なんて無理難題をお願いするつもりは毛頭ありませんけども、せめてこういう、明らかにWebアクセシビリティを損ねるようなことを仕込むのは、止めていただけませんか。昨年、障害者差別解消法が施行されてから、じきに4月で一年が経つわけですが。