ただのにっき

■ 首相官邸ホームページとアクセシビリティ

首相官邸ホームページのリニューアルに4,500万円かかったというニュースで高いの安いのと話題になっているけど、それはまぁどうでもよくて*1。これに対してあるWebデザイン会社が書いた「高くないよ!」というエントリを読んだアクセシビリティ業界人たちがそろって天を仰いだという話である。

件のエントリは「首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察」で、特にアクセシビリティのところはツッコミどころ満載なんだけど、その点にかんしてはすでに木達さんが書いているので(ようするに先をこされた)、Web業界人はろくろなんて回してないで読んでおいた方がよいです。特にアクセシビリティとデザインの両立のところ。

さて、首相官邸ホームページのリニューアルでアクセシビリティを確保するとして、件の記事では300万円の見積を出しているのだが*2、じゃあ300万円相当の仕事がされてるかどうか確認してみよう。というか、例えばトップページでCSSを有効にしたまま画像表示をOFFにしてみればそうでないのが一目瞭然なのだ(上はGoogle Chrome 18、下はFirefox 11):

注意: いくつか誤認および誤解を招く表現があったので公開当初から内容をアップデートしてあります。

左上にあったh1要素による「首相官邸」が消えてしまったが、これはいわゆる「画像置換」という手法を使ってテキストを画像に置き換えているせい。画像置換は達成基準1.1.1の不適合事例で明確にNGとされている*3。1.1.1は「レベルA」なので、首相官邸ホームページは最低限のアクセシビリティも確保できていないのがわかる。また、Firefoxでみるとグローバルナビゲーションの文字が左に重なって表示されており、これも読めない(めんどくさいので原因は追求せず。li要素のfloatの問題?)。他にもコントラストの足りていないアイコンがあるし(これはレベルAA)、タブキーによるフォーカス移動になかなか遊び心があって(←皮肉)、問題は他にもたくさんありそうだ。この案件のRFPにJIS X 8341-3:2010への対応は含まれていないのだろう。そもそも対応表明のページもないし。2012年に公開される公共サイトでそれはないだろうとは思うが。

よりによって一国を代表するWebサイトのアクセシビリティがてんでなってないとか、「技術的理由による競争の不存在」を理由に随意契約を結んだベンダーが画像置換を使っていたり*4、「持続可能なデザイン」を謳うWebデザイン会社がWebアクセシビリティについて無理解だったり……と、実に嘆かわしい話ではあるが、その批判の矛先はわれわれWebアクセシビリティに携わる者にも向けられるべきだろう。まだまだ啓蒙活動が足りない。がんばりましょう。

追記

その後、実際にアクセシビリティチェックをしている人が現れているので、参考までにリンクをしておく。実際のチェックがどのような観点で行われ、どんな手法が使われるのかの一端がわかると思う。

• 首相官邸サイトリニューアル、しかしすぐに再リニューアルが必要 | 水無月ばけらのえび日記
• 首相官邸サイトをチェックツールで見てみる【その仕事、蠍は留守です】