アクセシビリティ

制作における品質とは？ Webサイトにおける品質（クオリティ）とはどういう意味でしょうか。 制作者であれば同じように捉えているかのようにみえる言葉ですが、大きく 2 つの見方があると思います。ひとつは、様々な状況に堪えられるように必要最低限の見た目と操作性を保証するという意味での品質。もうひとつは、与えられた状況の中で最高の見た目と操作性を実現するという意味での品質です。どちらも「品質」という言葉で表現できるものの、見ている方向は大きく異なります。 品質に対する捉え方の違いを考える上で スターバックスの日本サイトと、米国サイトは良い比較になります。いずれもレスポンシブ Web サイトですが、スマートフォンとデスクトップで見た目を大きく変えている日本サイトに対して、米国のアプローチは極めてシンプルです。アイコンの使い方やグラフィックも日本語版のほうがバラエティに富んでいますし、ナビゲーションも深く掘れるものになっています。それに比べると、米国サイトは「殺風景」「パソコンだと物足りない」という評価をする人が現れるかもしれません。 しかし、米国サイトのほうが優れている点もあります。日本語サイトではトップページの容量は 4.6 MB あり、159 回のリクエストを要します。これは 4G 回線だとおよそ 9

10月25日、仙台で The NEXT WEB CONTENT 2015 が開催されました。主催である株式会社インフォアクシア設立11周年記念として、Web アクセシビリティを中心に、デザイン、ユーザビリティ、SEO など、Web に関わる様々な話題を扱ったイベントになりました。トピックは広く浅いわけですが、異業種の専門家が集まることで、新たな視点の発見や共通点を見つけることができました。 本イベントの様子は Togetter #tnwc2015 をご覧ください。 Web利用は『終わった』のではなく『変わった』 ここ１年「Web は終わった」というニュアンスが含まれた話題を国内外で耳にします。Mashable が「Web Design is Dead（Web デザインは死んだ）」という記事を公開して話題になりましたし、アプリの利用時間の急増から「The

当たり前にしては難しい Webアクセシビリティを考慮し実践することは「当たり前」だと思いますが、その当たり前を実践することが非常に敷居が高い印象があります。仕様や規格を理解して実装しなければならないところから、クライアントのコミュニケーションやワークフローといった仕組みの見直しまで、「当たり前」を実践するために超えなければならない山がたくさんあります。 私たちが「当たり前」という言葉を使うとき、「誰でも同じように考えること・自然にできること」というニュアンスを含めています。そのニュアンスのまま当たり前と思って Web アクセシビリティに取り組もうとしても、目の前にある多くの課題に頭を抱えてしまう人もいると思います。当たり前という言葉と、現実にしなければならないことのギャップが、Webアクセシビリティを難しくしているのかもしれません。 当たり前という言葉が難しさに拍車をかけていることがある Web アクセシビリティ。それでも始めてもらうには、Web アクセシビリティの意味を少し広げて実践することだと考えています。 まずは小さな勝利から JIS規格レベルAAを目指すだけでも簡単なことではありません。先述したように仕組みから変えていかなければ実践できないこともあります。そこで、制作側だけでも「自分たちでもできた」と思えるような『小さな勝利』をチームで感じてもらえるようにする必要があると思います。それは、レベルAにも満たさないことかもしれませんが、小さな勝利を積み上げていくことで、「もっとできるかもしれない」という自信につながるはずです。 例えば WebAIM

W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければならない。 堅牢性 コンテンツは、支援技術を含む幅広い様々なユーザーエージェントが確実に解釈できるように十分に堅牢でなければならない。 こうした原則は、アクセシビリティでよく例として出される音声ブラウザへの対応やキーボードの操作だけでなく、

先週の金曜日、アクセシビリティキャンプ東京 キックオフミーティングに参加しました。既に世界各地で開催されているアクセシビリティキャンプの東京版を始めるそうで、その最初のミーティングになります。 私自身はアクセシビリティの専門家ではありませんが、今のアクセシビリティ周りの活動や課題、そしてアクセシビリティに関わるプロフェッショナル達が抱く想いを知りたくて今回参加してみました。 見え難いアクセシビリティ 以前から奇妙だと思っているのが、コンテンツ／デザイン／機能など様々な物事において付加価値が重要視されているのにも関わらず、アクセシビリティになると付加価値ではなく、ボランティアに近いサービスとして見られる点。その要因として、健常者は省かれてアクセシビリティが捉えられている、障害者のためにある配慮になっているからかもしれません。アクセシビリティはコンテンツ／デザイン／機能の付加価値になるのですが、そこがまだリンクしていないのでしょう。 アクセシビリティの話題自体が捉え難いのも課題です。取り上げられる話題が、コード、技術仕様など目に見えて分かりやすいものが少ないので、実装しても実感に繋がらないことがあります。その上、アクセシビリティの向上の事例が障害者に向けた補助が大半であれば、情報へのアクセスしやすさという意味でのアクセシビリティとして捉えられ難いのも当然かもしれません。 こうした状況はもう何年も続いているわけですが、デザイナーとしてアクセシビリティをもう一度考え、啓蒙するにはおもしろい時期に来ているのではないかと思っています。見え難い・分かり難いアクセシビリティであれば、見える化するのもデザイナーとしての役割です。近年 UX が日本国内でも注目が集まっていますし、UX の向上のためのアクセシビリティという視点は皆頭のどこかに持っていると思います。 見える化することによるキヅキ ひとつデモを作ってみました。 アクセスキー（