本書の特徴
見えない、読めない、操作できないーーあなたのWebサイトには、アクセスできない人がいるかもしれません。
この「教科書」では、よくあるアクセシビリティの問題点をイラストで紹介し、その解決策となる実践的な解決アプローチを実例つきで解説しています。営業、ディレクター、デザイナー、エンジニアから、発注・運用担当者まで、Webサイトの受発注に関わるあらゆる人が、パターンとして身につけられるように構成しました。
本書は、良質なユーザー体験を生むためのノウハウをまとめた『デザイニングWebアクセシビリティ』の内容をWCAG 2.2の内容に対応させた増補改訂版です。最終章にはWeb制作会社3社による組織浸透の事例記事も収録しています。
◯著者紹介
伊原 力也(いはら りきや)
毬藻企画合同会社 アクセシビリティエキスパート
ウェブアクセシビリティ基盤委員会(WAIC)作業協力者
人間中心設計推進機構(HCD-Net)評議委員/アンエシカルデザイン研究会SIG委員
Webデザイン会社ビジネス・アーキテクツに13年勤務の後、2017年よりfreeeに参加。デザインリサーチやマネジメントの傍ら、アクセシビリティ普及啓発を行う。note、Ubie、Studio、CULUMUなどのアクセシビリティ顧問を歴任。第12回Webグランプリ Web人賞を受賞。2025年、毬藻企画合同会社の設立に参画。著書(共著)に『Webアプリケーションアクセシビリティ』、『モバイルアプリアクセシビリティ入門』など。
[毬藻企画合同会社]
[https://x.com/magi1125]
太田 良典(おおた よしのり)
弁護士ドットコム株式会社 情報アーキテクト本部 技術戦略室 セキュリティエンジニア/アクセシビリティエキスパート
ウェブアクセシビリティ基盤委員会(WAIC)委員長
JIS X 8341-3改正原案作成委員会 委員長
Webデザイン会社ビジネス・アーキテクツにて18年ほどWeb制作業務に従事した後、2017年より弁護士ドットコム株式会社に所属。Web技術の分野で幅広い専門性を持ち、Webセキュリティの分野では「第二回IPA賞(情報セキュリティ部門)」を受賞、IPA情報セキュリティ10大脅威の選考にも参加。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員長として活動している。著書(共著)に『HTML解体新書』など。
[弁護士ドットコム株式会社]
[ウェブアクセシビリティ基盤委員会]
[https://x.com/bakera]
発売日以降に発見された「誤り」を下記のとおり訂正し、お詫び申し上げます。
P57 参考7
【誤】
バリアフリー字幕制作のガイドライン
https://www.okosuke.jp/seisaku
【正】
DS-672.1 ウェブアクセシビリティ広報向けガイドブック
https://www.digital.go.jp/resources/standard_guidelines#ds672.1
P79 本文 2段落目
【誤】
分類自体が適切な可能性があります
【正】
分類自体が不適切な可能性があります
P101 「図2」キャプション
【誤】
その性質上、ポインタが使えないと利用できない
【正】
その性質上、ドラッグができないと利用できない
P183 「ルビをつける」キャプション
【誤】
MDNの「ruby」対応の説明。
【正】
HTMLのruby要素を使ってルビをつける方法の例(参考1)。
P245 参考1
【誤】
1997年に放送されたテレビアニメ『ポケットモンスター』の……事件(説明文)
【正】
ポケモンショック – Wikipedia
P258 STEP3 コンポーネント実装
【誤】
コンポーネントの設計ついては
【正】
コンポーネントの設計については
P268 ランドマークのマークアップ
【誤】
main、header、footer、nav、asideの話をそれぞれ1段落で述べる構成です。
【正】
※削除
P271 背景として実装された画像が表示されない
【誤】
CSSをのbackground-image:プロパティ
【正】
CSSのbackground-image:プロパティ
P289 入力欄が消されて操作できない
【誤】
チェックボタンやラジオボタン
【正】
チェックボックスやラジオボタン
P294 本文2段落目
【誤】
注意してください。。
【正】
注意してください。
P325 本文2段落目
【誤】
3-6 CMSの導入で失敗する
【正】
3-6 CMSのアクセシビリティ機能に問題がある
P333 本文
【誤】
ひとり一人の行動
【正】
一人ひとりの行動
P335 本文
【誤】
たた単純に
【正】
ただ単純に
P318 リード
【誤】
アクセシビリティが向上しても、破綻してしまう
【正】
継続できないと、すぐに破綻してしまう
P340
【誤】
北欧、暮らしのv道具店
【正】
北欧、暮らしの道具店
目次
CHAPTER 1 サイトを作る前に
CHAPTER 2 戦略の策定
CHAPTER 3 要件定義
CHAPTER 4 ナビゲーション設計
CHAPTER 5 インタラクション設計
CHAPTER 6 フォーム設計
CHAPTER 7 コンテンツ設計
CHAPTER 8 ビジュアルデザイン
CHAPTER 9 実装
CHAPTER 10 組織への浸透