トップ 最新 追記
RSS feed

ただのにっき


2012-04-06(金) [長年日記]

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

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

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

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

[スクリーンショット]画像を非表示にした首相官邸ホームページ(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アクセシビリティに携わる者にも向けられるべきだろう。まだまだ啓蒙活動が足りない。がんばりましょう。

追記

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

Tags: a11y

*1 ちなみに全部で1億2千万円の案件うちの4,500万円の話である(←これとは違うという話もあってよくわかんない)。小泉首相(当時)はメルマガのためだけにたしか1億円かけたはずなのであれと比較すれば格段に安いんじゃないですかね。それよりツッコミどころはなんでこれが随意契約なのってところじゃないかと思うのだが。

*2 この規模のサイトでこの見積は少ないと思います。

*3 ただし、実装方法C30にあるように代替ページがあれば良い。もっともimg要素にはalt属性があるんだから、わざわざ画像置換なんてしなくていいはずである。マークアップエンジニアの腕のみせどころ。なお他のimg要素にあるalt属性がChromeで表示されていないのは表示領域が狭い場合にWebKitで発生する問題なのでサイトのアクセシビリティとは別の問題。

*4 脚注1にも書いたように本当にこの案件のことなのか定かでないのでこの批判は適切ではない可能性もある。


2012-04-05(木) [長年日記]

過疎ったプロジェクトは誰かに引き継いで欲しいよね

社内の知らない人から「たださんはRubyにお詳しいとききまして」なんて質問の電話がかかってきたりしてなかなか楽しい職場ですがいかがお過ごしでしょうか。そんなおれの本業はプログラミングじゃなくてWebアクセス解析なので、(いまさら)Google AnalyticsのAPIを研究しようとしたのだった*1

  1. まずgemを探す。「analytics」でひっかけても何も出てこず*2
  2. APIドキュメントをみたらGDataを使っているとわかる。ああ、そりゃそうだ。
  3. もっぺんgemを探すとgdataを発見。
  4. gem install gdata
  5. ドキュメントを探して公式サイトにたどりつく。GitHubじゃないんだ!?
  6. (例によって)proxyに未対応でガックリくるが、わかりやすいコードだったのでサクっとパッチを当てる。
  7. proxy対応の実装方法が毎回違う件。
  8. さらにjcodeをrequireしようとしてruby 1.9で死ぬので、そのパッチも作る。
  9. そこで類似の1.9対応パッチが半年以上放置されているのを発見*3
  10. さっき作ったパッチもいちおう登録してみるが、たぶん放置だろうなぁ。
  11. 気を取りなおしてGitHubを探してみると、生きたフォークを発見。やっぱりあったか。
  12. さっそくforkしてproxy対応とanalyticsクライアント追加をpull req (←いまここ)

で、このGitHub上のフォークがリリースしているgemの名前が【gdata_19】だったりするわけですよ。ひどい。言うまでもなく、gemの限られた名前空間を適切に融通しあえていないのがいかんわけだが。プロジェクトを投げ出す前に、どうして引き継ぎ先を見つけようとしないのかなぁ。

Tags: ruby google

*1 普段は違う解析ツールを使っているのでGAにお世話になることはあまりない。

*2 Railsアプリにトラッキングコードを埋め込むgemばかりが山ほどひっかかるのはどうかと思う。

*3 RUBY_VERSIONを使う典型的なダメパッチだが……。

本日のツッコミ(全5件) [ツッコミを入れる]

masterq [もしよろしければ http://rubygems.org/gems/autosel_http_proxy をお使いく..]

ただただし [ドキュメントだけ拝見しましたが、これは(proxyが切り替わるような)自分の環境を動的に設定変更するのに使うものであ..]

masterq [2つの機能がまざってしまっているのですが、proxy対応でなくNet::HTTPを使うライブラリはすべからくhttp..]

masterq [こちらにちょっとだけ日本語解説を書いたので参考になったらうれしいです。 http://d.masterq.net/?..]

ただただし [ああ、そこはなんとなくわかったんですが、独自で専用の設定ファイルを用意しなければいけないという点で、一般に公開するこ..]


2012-04-03(火) [長年日記]

春の大嵐 (ただし今回は帰宅難民化は回避)

超大型の台風並みの低気圧が日本列島を縦断してくるという予報で騒がしい朝だった。出勤前の時点で、九州・四国の知人たちの悲鳴がTwitterを通じて流れてくる。こんな季節になぁ。今年は春一番がなかったので、その埋め合わせか。

3.11にはもちろんのこと、その半年後に来た台風でも帰宅難民化し、さすがにもう懲りたというか学習しろよという状況にもかかわらず、いろいろ片付けなくてはいけないことがあったのでとりあえず出社。この時点では風はあるものの晴天。

それがだんだん雲が出てきて暗くなり、昼にはそろそろ降り始めるかという状況に。このままならぜったい電車が止まるとレベルになるけど、きっとまた手遅れになってから帰宅指示が出るんだぜ……とか言ってたら、昼休みにまさかの発令。うちの総務もようやく学習したか。で、昼過ぎに会社を出たあたりでパラパラと降り始め、電車も混まず、風に傘を飛ばされることもない時間帯に帰宅できた。それでもギリギリな感じだったけど。

ちなみにおれは、朝7時の時点でFacebookに設置してあるチーム連絡用のグループに無理に出社しなくて良い旨を投稿済みである。こういう天候になるのがわかっている以上、そもそも最初から出てこなくていいように計らうのが、マネージャとして当たり前の行動だと思うんだけど。まぁ、それでもみんな出社してくるんだけどね。月初の忙しい時期とはいえ、真面目だよなぁ。

本日のツッコミ(全2件) [ツッコミを入れる]

kitaj [終電で帰れば全く問題ない]

ただただし [終電とか徹夜とか、さすがにもう歳だしさ~]


トップ 最新 追記
RSS feed