アクセシビリティ - Yasuhisa Hasegawa

Webアクセシビリティがビジネスと付き合うための課題

5月18日、神戸でアクセシビリティの祭典 [http://accfes.com/]が開催されました。 Global Accessibility Awareness Day [http://globalaccessibilityawarenessday.org/] に合わせて開催されているイベントで、今回で 3 回目になります。Web サイト制作に留まらず、最新の支援技術の見学・体験ができたり、気軽に質問ができる場も用意されていました。今回は参加者として 1 日たっぷり勉強モード。当日の様子は Togetter のまとめ [https://togetter.com/li/1111823]を参照してください。シフトレフトの課題構築後の品質チェックの一環としてアクセシビリティを確認しているだけでは遅い場合が多々あります。設計段階から考慮されていないと、見た目だけでなく使い勝手に大きな影響を及ぼすからです。そこで、アクセシビリティもシフトレフトするべき [https://blog.motchie.com/accessibility/ja-shift-left-in-access

アクセシビリティ

改めてWebサイトの品質について考える

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

アクセシビリティ

アクセシビリティとはを一緒に考えて分かった視点転換の発想

4月23日、クリーク・アンド・リバー社主催で、と、コラボ特別編「アクセシビリティってなんなのさ [http://www.creativevillage.ne.jp/10816]」というイベントが開催されました。これは昨年開催された「UXってなんなのさ [http://www.yasuhisa.com/could/article/questions-about-ux/]」い続く Q&A 中心で 3 時間話し切るというもの。今の仕事に直結するテクニックや知識を得たいという方には向いていませんが、参加者全員で課題共有をして考えたいという方には参加価値があったと思います。今回は私はモデレーターとして参加し、「デザイニングWebアクセシビリティ [http://www.amazon.co.jp/gp/product/4862462650/ref=as_li_ss_tl?ie=UTF8&camp=247&

アクセシビリティ

絵文字のアクセシビリティについて少し調べてみた

Peach🍑を紹介する記事 [http://www.yasuhisa.com/could/announcement/peach-cool/] で、絵文字が世界的な共通言語になりつつあると紹介しました。日本でも Twitter が紅白歌合戦用の特別ハッシュタグ＋絵文字 [https://blog.twitter.com/ja/2015/2023tv] を実装するなど、絵文字がコミュニケーションにおいて重要な位置付けになりつつあります。しかし、アクセシビリティはどうなのでしょう。目では絵として表示されていますが、中身はコード [http://apps.timwhitlock.info/emoji/tables/unicode] です。実際、どのように読み上げられるのでしょうか？そもそも読み上げられているのでしょうか？サポートが広がる絵文字読み上げ年々音声読み上げの精度は上がってきており、絵文字サポートもそれに合わせて増えてきているようです。例えば Google Voice [https://www.google.com/googlevoice/

アクセシビリティ

コンテンツデザインから始めるWebアクセシビリティ

[http://www.yasuhisa.com/could/content/images/wordpress/2015/12/cover-content-a11y.png] 理解という名のアクセシビリティ Web アクセシビリティの課題には大きく分けて 2 種類あります。ひとつは、色、形状、動きといった視覚に関わること。そしてもうひとつは、マークアップをはじめとしたマシンリーダブルに関わることです。マークアップが正しく記述されていて、視覚的にも分かりやすいことは Web アクセシビリティの確保において必須ですが、これらとは別に『第三の課題』のようなものがあると考えています。それは利用者が理解できるコンテンツを制作・配信するという課題です。正しくマークアップされていたとしても、そのマークアップされたコンテンツが人にとって理解しにくいものであればどうなるでしょう。利用者はタスクを達成することができないでしょうし、情報を求めて彷徨うことになるかもしれません。単に情報へアクセスできるだけでなく、意味のある情報へアクセスできるようにする必要があります。利用者の目的が達成されない

アクセシビリティ

今からできるWebコンテンツの次のコト

10月25日、仙台で The NEXT WEB CONTENT 2015 [https://weba11y.jp/the-next-web-content-2015.html] が開催されました。主催である株式会社インフォアクシア [http://www.infoaxia.co.jp]設立11周年記念として、Web アクセシビリティを中心に、デザイン、ユーザビリティ、SEO など、Web に関わる様々な話題を扱ったイベントになりました。トピックは広く浅いわけですが、異業種の専門家が集まることで、新たな視点の発見や共通点を見つけることができました。本イベントの様子は Togetter #tnwc2015 [http://togetter.com/li/891063] をご覧ください。 Web利用は『終わった』のではなく『変わった』ここ１年「Web は終わった」というニュアンスが含まれた話題を国内外で耳にします。Mashable

アクセシビリティ

次世代Webはブラウザの外にある

10月18日、法政大学にて次世代 Web カンファレンス [http://nextwebconf.connpass.com/event/19699/] が開催されました。Web に関わる技術について徹底的に話し合うイベント。セッションすべてディスカッションで勉強会というより話を聞きに行くというニュアンスが近いかもしれません。8 月に UX をテーマに議論する会 [http://www.yasuhisa.com/could/article/questions-about-ux/] を開きましたが、今年はこうした『会話』を軸にしたイベントに興味を惹かれます。今回は、「デザイニングWebアクセシビリティ [https://www.amazon.co.jp/dp/4862462650?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=4862462650&adid=16G9CW65Q158YKQ0BN65&

アクセシビリティ

コーディングWebアクセシビリティ

実践的な入門書 Webアクセシビリティの関連書籍は元々数が少ないですが、どれもお堅いイメージが漂うものばかり。そうしたなか、表紙から入りやすそうな「コーディングWebアクセシビリティ [https://www.amazon.co.jp/dp/4862462669?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=4862462669&adid=0SW8PF9DM90BZV60E9YZ&] 」は、ひとつ特異な存在ですし、今までの Web アクセシビリティ書籍のイメージを払拭しています。恐らくジャケ買い、またはジャケ立ち読みした人もいるのではないでしょうか。圧迫感のない文字の扱い、豊富にある図やイラストも、表紙の雰囲気を裏切っていません。やさしく基本から書かれていますが、フォームやモーダルウィンドウといった、実装に悩む UI のアクセシビリティ向上のヒントが紹介されており、現場ですぐ使えるノウハウも盛り込まれています。章ごとに大きく「インターフェイスの概念」「実装のためのルール」「具体的な実装ノウハウ」の 3

アクセシビリティ

自信をもってアクセシビリティに取り組むための課題

2月11日、アクセシビリティ・ビギナー（初心者）向けのセミナーAccSell Meetup 008 [http://accsell.net/info/accsell-meetup008.html] へ参加しました。「アクセシビリティはよく分からないし、難しそう」と考える方に向けて合計 8 回開催されているイベント。私は今回で 2 回目の参加になります。対象外というのは十分承知していますが、伝える仕事をしている自分としてはビギナー相手にどうアクセシビリティを伝えるのか大変興味がありました。私はアクセシビリティ [http://www.yasuhisa.com/could/tag/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%

アクセシビリティ

Webアクセシビリティを当たり前にするために

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

アクセシビリティ

コンテンツからみるWebアクセシビリティの課題と提案

コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』もちろん JIS X 8341–3:2010 [http://waic.jp/docs/jis2010-understanding/] でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、

アクセシビリティ

アクセシビリティから変わるビジュアルデザイン

W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 [http://www.jsa.or.jp/stdz/instac/commitee-acc/W3C-WCAG/WCAG20/index.html] の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 [http://waic.jp/docs/jis2010/understanding.html] をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）

アクセシビリティ

コンテンツのアクセシビリティが未来を保証する

「その情報にアクセスできるかどうか」これが私にとっての Web アクセシビリティです。一般的に Webアクセシビリティ [http://ja.wikipedia.org/wiki/アクセシビリティ] といえば、主に高齢者や障がい者への配慮という見方が強いですが、数年前からは私は上記のように捉えて仕事をするようにしています。少し極端な考え方かもしれませんが、「その情報にアクセスできるかどうか」ということを意識して設計するときに、高齢者や障がい者といったごく一部のグループを考えることはありません。全ユーザーが特殊な存在近年の Web 利用者の動向をみると、高齢者や障がい者を意識しなかったとしても、情報にアクセスできるかどうかを真剣に考えなければ、見られない・読まれないコンテンツになることが分かります。 * デスクトップだけでなく、タブレット、スマートフォンなど様々なスクリーンサイズをもったデバイスで Web にアクセスしている。また、デバイスにより初期設定やカスタマイズ方法も様々である。 * インプットする方法も多様化しはじめている。マウスやキーボードといった従来

アクセシビリティ

見えるアクセシビリティをデザインする

先週の金曜日、アクセシビリティキャンプ東京キックオフミーティング [https://www.facebook.com/events/149976381777809/]に参加しました。既に世界各地で開催されているアクセシビリティキャンプ [http://www.accessibilitycamp.org/]の東京版を始めるそうで、その最初のミーティングになります。私自身はアクセシビリティの専門家ではありませんが、今のアクセシビリティ周りの活動や課題、そしてアクセシビリティに関わるプロフェッショナル達が抱く想いを知りたくて今回参加してみました。見え難いアクセシビリティ以前から奇妙だと思っているのが、コンテンツ／デザイン／機能など様々な物事において付加価値が重要視されているのにも関わらず、アクセシビリティになると付加価値ではなく、ボランティアに近いサービスとして見られる点。その要因として、健常者は省かれてアクセシビリティが捉えられている、障害者のためにある配慮になっているからかもしれません。アクセシビリティはコンテンツ／デザイン／機能の付加価値になるのですが、そこがまだリンクし

アクセシビリティ

アクセシビリティPodcastに出演しました

ウェブアクセシビリティに関する情報を音声で聞きたいという方にとって辻ちゃん・ウエちゃんのアクセシビリティPodcast [http://accessibility.mitsue.co.jp/] は欠かせない存在だと思います。既にシーズン４に突入しているわけですが、今シーズンからゲストを呼んで対談形式で放送するのが何回かあるそうです。その一人目のゲストとして出演してきました。一見、かけ離れた存在のように感じるデザインとアクセシビリティですが、重なる部分はとても多いと思います。前編・後編に分かれていて、前編はウェブアクセシビリティ全般の話題。後編はプレゼンの話題も含めていろいろ話をしてきました。本格的なスタジオで収録したことがなかったので、少し緊張しましたが楽しい時間でした。というか、時間が足りなかった（汗 * 「辻ちゃん・ウエちゃんのアクセシビリティPodcast」第20回前編 [http://accessibility.mitsue.co.jp/archives/000133.html] * 「辻ちゃん・ウエちゃんのアクセシビリティPodcast」第20回後編