トップ » BOOK » Webアクセシビリティの教科書

Webアクセシビリティの教科書

具体例と解決策で学ぶ

著者:伊原 力也、太田 良典 共著者:秋山 豊志、佐野 実生、富本 弥生、平尾 優典、堀口 真人

定価 3,960円(本体3,600円+税10%)
発行・発売 株式会社 ボーンデジタル
ISBN 978-4-86246-661-7
総ページ数 352ページ
サイズ B5正寸
発売日 2026年6月中旬

本書の特徴

見えない、読めない、操作できないーーあなたの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 組織への浸透