WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション

紙版コーディングWebアクセシビリティ

本書は、Web制作者が情報源として利用しているSmashing Magazineで公開された書籍「Apps For All - Coding Accessible Web Applications」の日本語訳版。HTML5+JavaScriptのモダンWebアプリをアクセシブルにするノウハウを提供する。

在庫あり

ご注文日から最短2営業日でお届けいたします。詳しくはこちら。 この商品は送料無料にて、ボーンデジタルが直接販売、発送いたします。

定価 2,484円(税込)
判型 A5正寸
総ページ数 200
発売日 2015年3月25日
ISBN 978-4-86246-266-4
著者 ヘイドン・ピカリング
監修 太田良典、伊原力也
翻訳 株式会社Bスプラウト
発行 株式会社ボーンデジタル

イメージ:紙版コーディングWebアクセシビリティ

数量

送料無料

※後からでも冊数変更できます

  • ご利用ガイド
  • 内容
  • 目次
  • 立ち読み
  • お詫びと訂正

HTML5+JavaScriptのモダンWebアプリをアクセシブルに!

本書は、Web制作者が情報源として利用しているSmashing Magazineで2014年6月に公開された書籍「Apps For All - Coding Accessible Web Applications」の日本語訳版です。

WAI-ARIAとは、HTMLドキュメントに詳細な情報を付加する仕様で、W3Cが2014年に1.0を勧告しています。今後アメリカでの急速な普及が進むにつれ、日本でも「HTML、CSS、JavaScriptなどフロントエンド技術を実装するエンジニアやデザイナーにとって学ぶべきこと」となっていくことが予想されますが、日本語による情報が乏しいのが現状です。そのような状況を鑑み、ウェブアクセシビリティ基盤委員会(WAIC)でJIS X 8341-3の策定に従事する太田良典氏、太田氏と同じく所属するBA(ビジネス・アーキテクツ)で先進な取り組みを行っていることで知られる伊原力也氏を監訳に迎え、日本語版をお届けすることになりました。

ガイドラインの穴埋めに留まらない、知的好奇心をくすぐる内容

今までのWebアクセシビリティ関連書籍にありがちだったWCAG2.0やJIS X 8341-3:2010をベースにした抽象的な解説とは一線を画し、HTML+CSS+JavaScriptにおけるキーボード操作やスクリーンリーダー対応における課題をコーディングで解決する、非常に具体的な内容です。問題を解決するための手法として関心を集めていながら日本語の文献が乏しく、なかなか勉強できずに困っているという声が大きく聞かれたWAI-ARIAを、日本で初めて本格的に解説しています。

目次
  • 第1章 すべての人のために ― アクセシブルとは何か?
  • 第2章 ボタンのすべて ― WAI-ARIAの基本
  • 第3章 WAI-ARIAの進む道 ― WAI-ARIAの基本思想とルール
  • 第4章 飛んでいこう ― ページ内に目印をつける「ルール」
  • 第5章 いないいないばあ ― メニューやタブの「ステート」
  • 第6章 生きてる!生きてる! ― 「ライブリージョン」や「ダイアログ」
  • 付録 巻末資料集

第1章

すべての人のために ― アクセシブルとは何か?


アクセシブルとは何か? Web とは何か? そもそものWeb の思想と担保されるべきアクセシビリティとはどういうことなのかについて、本書籍のねらいを交えて解説します。

  • Web標準
  • 本書の内容
  • セマンティクスとスクリーンリーダー

第2章

ボタンのすべて ― WAI-ARIAの基本


もっとも頻出するコントロールである「ボタン」を題材に、「ロール(役割の定義)」「ステート(状態を伝える)」「プロパティ(情報を提供する)」というWAI-ARIAの基本を解説します。

  • ボタンのスタイル
  • ボタンにラベルをつける

第3章

WAI-ARIAの進む道 ― WAI-ARIAの基本思想とルール


WAI-ARIA の全体像について。HTML5 の既存の要素のマークアップにパッチを当てるように記述することで、支援技術向けにもマークアップを拡張できるという基本思想とルールを解説します。

  • ARIA:平等への情熱
  • ロールプレイング
  • 初めてのARIAウィジェット
  • ルールを知る

第4章

飛んでいこう ― ページ内に目印をつける「ロール」


ページ内の移動やナビゲーションについて。ページ内に目印をつけて自由に移動することを可能にする「ランドマークロール」を中心に「ロール」を解説します。

  • 分割する
  • 有名なランドマーク
  • メインイベント
  • 見出しを忘れずに!
  • リンクをハイジャック

第5章

いないいないばあ ― メニューやタブの「ステート」


JavaScript を用いて、「いないいないばあ」と出たり隠れたりするメニューやタブなどの「ステート」について。フォームや各種メニュータイプ別にコードを交えて解説します。

  • 何をどう隠すべきか
  • ヒントをちょうだい!
  • プログレッシブな折りたたみ項目
  • ダブを1つください!

第6章

生きてる!生きてる! ― 「ライブリージョン」や「ダイアログ」


フランケンシュタインの名セリフ「It's Alive! - 生きてる、生きてる! 」じゃないですが、ユーザーとコンテンツの対話に欠かせない「ライブリージョン」や「ダイアログ」の実装を解説します。

  • 警告!
  • 全体像を見せる
  • ダイアログ

付録

巻末資料集


監訳者が日本語の情報サイトなどを独自に整理してお届けします。

  • #a11y
  • ブログ
  • テスティングツール
  • WAI-ARIA
  • そして最後に…

画像をクリックすると拡大表示いたします。

WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション

紙版コーディングWebアクセシビリティ

2,484円(税込)/A5正寸/200ページ/2015年3月25日

カートに入れる

関連商品

イメージ:紙版デザイニングWebアクセシビリティ

紙版デザイニングWebアクセシビリティ

アクセシブルな設計やコンテンツ制作のアプローチ

イメージ:紙版インクルーシブHTML+CSS & JavaScript

紙版インクルーシブHTML+CSS & JavaScript

多様なユーザーニーズに応えるフロントエンドデザインパターン

Design Log

WORKS ONLINE BOOK STORE BLOG

CGWORLD.JP

WORKS_TW

CGWJP_TW

CGKENTEI