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

【hireLinkさま専用〜5/6】
コーディングWebアクセシビリティ

こちらは、hireLinkさま主催「実はできている!? Webアクセシビリティ（4/27）」の参加者の方への特設販売商品となります。5月6日（金）までの販売期間となります。

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

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

数量

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

販売終了

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章

すべての人のために

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

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

第2章

ボタンのすべて

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

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

第3章

WAI-ARIAの進む道

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

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

第4章

飛んでいこう

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

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

第5章

いないいないばあ

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

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

第6章

生きてる！生きてる！

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

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

付録

巻末資料集

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

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

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

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