技術評論社サイトのロゴ

Webアプリケーションアクセシビリティ

サポートページ

お詫びと訂正（正誤表）

本書の以下の部分に誤りがありました。ここに訂正するとともに、ご迷惑をおかけしたことを深くお詫び申し上げます。

（2024年1月18日最終更新）

以下は第1刷、第2刷が対象です。

P.336　11行目　「ドラッグ&ドロップ操作の難しさ──キーボード操作による代替」の項

誤 ドラッグ&ドロップ操作は、ポインティグデバイスの操作としては比較的難易度の高いものです。
正 ドラッグ&ドロップ操作は、ポインティングデバイスの操作としては比較的難易度の高いものです。

P.484　 1行目　「アンチパターンと対策(5)──確認や報告が多い」の項

誤 以下のようなモーダルダイアログ出ることがあります。
正 以下のようなモーダルダイアログが出ることがあります。

P.95　2つ目の「改善例」の見出し

誤 改善例：アイコンのみのボタンのボタンにaria-label属性でテキストを追加する
正 改善例：アイコンのみのボタンにaria-label属性でテキストを追加する

P.145　中ほどの見出し

誤 チェック方法
正 チェックポイント

P.184　図4-1-7のキャプション

誤 データと判例の紐付けが色だけでなく、線のスタイルやマーカーの形状でもされている
正 データと凡例の紐付けが色だけでなく、線のスタイルやマーカーの形状でもされている

P.281　「良い例：dialog要素を使用したモーダルダイアログ（CSS）」のソースコード

誤 
.dialog::backdrop {
    content: "";
    inset: 0;
    background: rgba(0,0,0,.4);
  }
}
正 
.dialog::backdrop {
  content: "";
  inset: 0;
  background: rgba(0,0,0,.4);
}

最後の}は不要です。合わせてインデントもほかのソースコードにそろえました。

P.281　下から5行目　「SmartHR Design System」の項

誤 SmartHR UIでは、JIS X 8341-3:2016のレベルAにWCAG 2.1のレベルAおよびレベルAAの一部の達成基準への準拠を目標として明示し、
正 SmartHR UIでは、JIS X 8341-3:2016のレベルAとWCAG 2.1のレベルAおよびレベルAAの一部の達成基準への準拠を目標として明示し、

奥付　制作スタッフクレジットを追加

図版作成………スタジオ・キャロット

（以下2023年5月10日更新）

P.67　2行目　「Webコンテンツからアクセシビリティオブジェクトモデルを生成する」の項

誤 2つのオブジェクトモデルを組み合わます。
正 2つのオブジェクトモデルを組み合わせます。

P.215　3行目　「事例4の改善　リンクテキスト単独でリンク先が理解できるようにする」の項

誤 リンクの直前に見出しを配置してリンクの文脈が補足する方法もあります。
正 リンクの直前に見出しを配置してリンクの文脈を補足する方法もあります。

（以下2023年3月14日更新）

P.121　7行目　「事例3の改善-3　フォームコントロールに不可視のラベルを付ける」の項

誤 こうした場合は、ラベルを表示するとかえって冗長なデザインになってしまうことあります。
正 こうした場合は、ラベルを表示するとかえって冗長なデザインになってしまうことがあります。

P.125　注5　「事例5の改善　入力必須をテキストで説明する」の項

誤 執筆時点（2022年12月）では、Talkback + Chromeと
正 執筆時点（2022年12月）では、TalkBack + Chromeと

P.255　下から9行目　「事例5の改善　デスクトップ特有の操作は使わないか代替手段を設ける」の項

誤 デスクトップ用のビューを（2022年12月）用のビューに移植する場合は、
正 デスクトップ用のビューを移植する場合は、

P.271　下から8行目　「モーダルダイアログの例と問題点」の項

誤 対処方法については4.2節「テキストのレイアウト」の「事例2の改善」をご覧ください
正 対処方法については4.2節「テキストのサイズ」の「事例2の改善」をご覧ください

P.278　1行目　「改善方法　カーソルが外に出ないようにする──aria-hidden属性とaria-madal属性」の項

誤 スクリーンーダー
正 スクリーンリーダー

P.450　5行目　「キーボードのみで全体を操作する」の項

誤 ポインディング
正 ポインティング