デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツ制作のアプローチ

著者 : 太田良典 伊原力也

• ボーンデジタル (2015年7月27日発売)

作品紹介・あらすじ

問題は設計にあり!?ガイドライン対策ではない、UX視点のデザインプロセス。戦略の策定から要件定義・設計・ビジュアルデザイン・実装まで。ユーザーが陥りがちな問題を各段階で解決するノウハウ集。

感想・レビュー・書評

[Zwarte Beertjeさんの感想 · 2023年2月15日]

Webサイト設計の各フェーズにおいて注意すべきアクセシビリティ観点の課題とその解決策がまとめられている。
よくまとまっているので簡易的なチェックリストとして使うこともできそう。
もちろんより厳密に知るにはガイドラインを当たるべし。

[横溝ルパンさんの感想 · 2023年2月3日]

多くの人が使いやすいWebサイトを制作する時、考慮するべきポイントがまとめられていて参考になりました。
実際の制作の場面では、技術に詳しくない人が最終的な決定権を持っていることも多いので、なぜこうデザインしなければいけないのかを、分かりやすくきちんと伝えるられる力が必要だとあらためて思いました。

[Rio Azumaさんの感想 · 2020年6月21日]

読みやすい&分かりやすい。デザイン勉強始めた時になぜ読まなかったのかと悔やまれました。

[007-0さんの感想 · 2016年12月8日]

ミラクルレビュー

[007-0さん · 2016/12/05]

コメント入力

[amano225さんの感想 · 2015年9月23日]

『コーディングWebアクセシビリティ』の姉妹本。内容的に、こっちを先に出したほうがよかったんじゃないかと思った(本書は概念的な話で、姉妹本のほうは実践的な本なイメージ)。
アクセシビリティはあまり意識して作っていない自分。特に、スクリーンリーダーを使っている人なんて全く持って考えてなかった。これからは少しぐらい意識して作っていったほうがいいのかも。
自分はやってないけど、404 Not Foundでページが移動してしまうのは本当にやめてほしい。すごい使いづらい。
そういえば、Firefoxがいつの間にかルビに対応したそう。本当、何で今まで対応してんかったんだ……。後、何で例が『とある科学の超電磁砲』なんだろう？(https://hacks.mozilla.org/2015/03/ruby-support-in-firefox-developer-edition-38/)
なお、スクリーンリーダーはem要素やstrong要素やdel要素を認識しないらしい。del要素ぐらい判別してほしいところ。無効なテキストを読まれないようにする対策がなんだか面倒くさそうだった。

[fraserlibさんの感想 · 2015年9月16日]

請求記号　547.48/O 69

[zerobaseさんの感想 · 2015年9月15日]

すべてのウェブサイト制作者のための「ウェブサイト構築」の教科書

「ウェブサイトの構築とは本来こうあるべきではなかったか」というのが読後の印象。経験を積んだプロフェッショナルな著者が「まっとう」なウェブサイトの構築法を教えてくれる本。その意味で「ウェブサイト構築の教科書」と呼びたい。もしこの本を使ってウェブサイト構築を教える講座があれば、その内容には期待してよさそうだ。

この本のタイトルには「アクセシビリティ」とついているし、内容もアクセシビリティを重点的に解説している。しかし、「アクセシビリティという狭い領域」に収まる本ではない（アクセシビリティが「狭い領域」であるという理解がそもそも誤解なのだが）。

あえてこの本に足りない部分を指摘すれば、コンテンツの企画・制作・運用のライフサイクルの観点。この本では「デザイン業務としてコンテンツをアクセシブルに表現すること」が解説されているけれど、「編集業務としてコンテンツをアクセシブルに制作すること」は十分に解説されていない。

アクセシブルなコンテンツ編集については、 Content Strategy For Mobile by Karen McGrane (A Book Apart, 2012) の Chapter 3: Adaptive Content が参考になるかもしれない。

おまけのTIPS：
・CAPTCHAの導入でアクセス不可(p.48)：TwillioなどのSMS認証方式が使える場合もある。
・動画コンテンツ(p.58)：YouTubeの字幕機能が有力な場合もある。
・CMS導入・WYSIWYGエディタでの失敗(p.62)：DrupalというCMSが有効な場合もある（もっと日本でも知られていい）。コンテンツ記述方式としてはMarkdownという選択肢が有力な場合もある。

著者プロフィール

弁護士ドットコム株式会社 エキスパートエンジニア
ウェブアクセシビリティ基盤委員会（WAIC）翻訳作業部会主査
HTML仕様の翻訳や解説といった個人活動をしながら、2001年よりビジネス・アーキテクツで大規模企業サイトの制作や管理に従事。Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞（情報セキュリティ部門）」を受賞。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会（WAIC）の委員として活動している。2017年12月より、アクセシビリティエンジニアとして弁護士ドットコムに所属。著書（共著）に「デザイニングWebアクセシビリティ」など。

「2022年 『HTML解体新書-仕様から紐解く本格入門』 で使われていた紹介文から引用しています。」