関連サイト
本書の関連ページが用意されています。
内容紹介
見えない、読めない、操作できないーーあなたのWebサイトには、アクセスできない人がいるかもしれません。
この「教科書」では、よくあるアクセシビリティの問題点をイラストで紹介し、その解決策となる実践的な解決アプローチを実例つきで解説しています。営業、ディレクター、デザイナー、エンジニアから、発注・運用担当者まで、Webサイトの受発注に関わるあらゆる人が、パターンとして身につけられるように構成しました。
本書は、良質なユーザー体験を生むためのノウハウをまとめた『デザイニングWebアクセシビリティ』の内容をWCAG 2.2の内容に対応させた増補改訂版です。最終章にはWeb制作会社3社による組織浸透の事例記事も収録しています。
書誌情報
- 著者: 伊原 力也, 太田 良典, 秋山 豊志, 佐野 実生, 富本 弥生, 平尾 優典, 堀口 真人
- ページ数: 354
- 対応フォーマット: PDF
- 出版社: ボーンデジタル
対象読者
営業、ディレクター、デザイナー、エンジニアから、発注・運用担当者他、Webサイトの受発注に関わるあらゆる方
著者について
伊原 力也
毬藻企画合同会社 アクセシビリティエキスパート
ウェブアクセシビリティ基盤委員会（WAIC）作業協力者
人間中心設計推進機構（HCD-Net）評議委員／アンエシカルデザイン研究会SIG委員
Webデザイン会社ビジネス・アーキテクツに13年勤務の後、2017年よりfreeeに参加。デザインリサーチやマネジメントの傍ら、アクセシビリティ普及啓発を行う。note、Ubie、Studio、CULUMUなどのアクセシビリティ顧問を歴任。第12回Webグランプリ Web人賞を受賞。2025年、毬藻企画合同会社の設立に参画。著書（共著）に『Webアプリケーションアクセシビリティ』、『モバイルアプリアクセシビリティ入門』など。
太田 良典
弁護士ドットコム株式会社 情報アーキテクト本部 技術戦略室 セキュリティエンジニア／アクセシビリティエキスパート
ウェブアクセシビリティ基盤委員会（WAIC）委員長
JIS X 8341-3改正原案作成委員会 委員長
Webデザイン会社ビジネス・アーキテクツにて18年ほどWeb制作業務に従事した後、2017年より弁護士ドットコム株式会社に所属。Web技術の分野で幅広い専門性を持ち、Webセキュリティの分野では「第二回IPA賞（情報セキュリティ部門）」を受賞、IPA情報セキュリティ10大脅威の選考にも参加。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会（WAIC）の委員長として活動している。著書（共著）に『HTML解体新書』など。
秋山 豊志
佐野 実生
富本 弥生
平尾 優典
堀口 真人
目次
CHAPTER 1 サイトを作る前に
- なぜWebはアクセシブルなのか
- なぜアクセシビリティと向き合うのか
- アクセシビリティのさまざまな誤解
CHAPTER 2 戦略の策定
- 概要と流れ
- 2-1 アクセシビリティ方針を作らない
- 2-2 適切でないアクセシビリティ方針
- 2-3 手段が目的になってしまう
CHAPTER 3 要件定義
- 概要と流れ
- 3-1 認証が突破できずアクセス不能になる
- 3-2 ブラウザやOSの機能が干渉を受ける
- 3-3 コンテンツ側の冗長なアクセシビリティ機能
- 3-4 動画コンテンツにアクセスできない
- 3-5 紙媒体のコンテンツがそのまま使われる
- 3-6 CMSのアクセシビリティ機能に問題がある
CHAPTER 4 ナビゲーション設計
- 概要と流れ
- 4-1 分類や並び順がわかりづらい
- 4-2 カテゴリ名や構造がわかりづらい
- 4-3 ナビゲーションに一貫性がない
- 4-4 現在位置がわからない
- 4-5 再調整したり、やり直したりする手がかりがない
- 4-6 情報への到達手段が少なすぎる
CHAPTER 5 インタラクション設計
- 概要と流れ
- 5-1 デバイスに依存したUI
- 5-2 思ったようにスクロールできない
- 5-3 勝手に新規タブやポップアップが開く
- 5-4 一定時間で勝手にページ移動する
- 5-5 動きをコントロールできない
- 5-6 音が勝手に再生される
- 5-7 開いたものが制御できない
CHAPTER 6 フォーム設計
- 概要と流れ
- 6-1 情報が不足しているフォーム
- 6-2 不要な項目を入力させられるフォーム
- 6-3 ラベルや説明が不足しているフォーム
- 6-4 入力が困難なフォーム
- 6-5 ミスを誘発するフォーム
- 6-6 エラーの解決ができないフォーム
- 6-7 確認・訂正ができないフォーム
- 6-8 戻る機能が使えないフォーム
- 6-9 時間切れで作業が継続できなくなるフォーム
CHAPTER 7 コンテンツ設計
- 概要と流れ
- 7-1 ページタイトルがわかりづらい
- 7-2 適切な見出し構成になっていない
- 7-3 言葉がわかりにくい
- 7-4 複雑な表が理解できない
- 7-5 画像を含むコンテンツが理解できない
- 7-6 リンク先がわからない
CHAPTER 8 ビジュアルデザイン
- 概要と流れ
- 8-1 視覚情報に依存している
- 8-2 コントラストが低い
- 8-3 どこが押せるかわからない
- 8-4 テキストブロックが読みづらい
- 8-5 文字が画像になっている
- 8-6 フォーカスを見失う
- 8-7 小さく密集したものが押せない
- 8-8 スタイルに一貫性がない
- 8-9 閃光で発作が起きる
- 8-10 拡大すると問題が起きる
CHAPTER 9 実装
- 概要と流れ
- 9-1 文法ミスがある
- 9-2 セマンティクスが不適切
- 9-3 コンテンツがCSSに依存している
- 9-4 代替テキストの実装が不適切
- 9-5 リンク先がわからなくなる実装
- 9-6 ラベルがマークアップされていない
- 9-7 スクリーンリーダー対応が不適切
CHAPTER 10 組織への浸透
- 概要と流れ
- 10-1 仲間を作る
- 10-2 実践する
- 10-3 発信する
- 10-4 予算をつける
- 10-5 利益につなげる
- 10-6 継続する
- 株式会社ビジネス・アーキテクツ
- 株式会社コンセント
- 株式会社ディーゼロ
付録
- 本書内容とWCAG 2.2との対応
- WCAG 2.2と本書内容との対応