Tagged

アクセシビリティ

A collection of 16 posts

アクセシビリティ

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&
アクセシビリティ

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

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&
コーディングWebアクセシビリティ
アクセシビリティ

コーディング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 のアクセシビリティ向上のヒントが紹介されており、現場ですぐ使えるノウハウも盛り込まれています。章ごとに大きく「インターフェイスの概念」「実装のためのルール」