Ｗｅｂアプリケーションアクセシビリティ　今日から始める現場からの改善

「使えない」を「使える」にするデザインと技術。

アクセシビリティとは「利用可能な状況の幅広さ」のこと。より多くの人が、より多くの環境で、より多くの状態で利用できることです。もちろんそこには視覚・上肢・認知などに障害があるケースも含みます。日々繰り返し利用するWebアプリケーションにこそ、アクセシビリティが求められます。
Webサイトに比べて、多くのインタラクションを行うWebアプリケーションでは、アクセシビリティの確保はやや難易度が高いものです。特に既存のWebアプリケーションは複合的な課題を抱えていることが多く、教科書どおりの方法では必ずしも改善できません。
本書では、Webアクセシビリティの基礎である「HTMLとWAI-ARIA」を解説したうえで、Webアプリケーションの要である「フォーム」、色やテキストなど「UIデザインの基本」、モーダルダイアログや通知など「少し複雑なUIパターン」の3分野に分けて、よくある事例を取り上げながら、現実的で段階的な改善方法を紹介します。
さらには、デザインシステムの活用や組織での推進法など、アクセシビリティの取り組みを定着・推進・向上させるためのノウハウも詳説します。

目次

はじめに

■■■第1章 Webアクセシビリティとは
■■1.1 アクセシビリティとは
■言葉としての定義
■ユーザビリティとの対比
■アクセシビリティは利用しやすさ？
■■1.2 Webアクセシビリティとは
■Webにあるだけで圧倒的にアクセシブル
■Webコンテンツは形を変えられる
■■1.3 Webアクセシビリティと「障害」
■障害種別ごとの概要と利用状況
■加齢と障害
■一時的な障害
■医学モデルと社会モデル
■■1.4 WCAG──Webアクセシビリティの標準
■WCAGの概略
■3つの適合レベルとその内容
■アクセシビリティ サポーテッド
■■1.5 Webアクセシビリティに取り組む理由
■ユーザーを増やせる
■ユーザビリティを高められる
■権利を守り、法を遵守できる
■■1.6 なぜWebアプリケーションでアクセシビリティなのか
■繰り返し利用することで生活や仕事が変化するから
■共同利用のうえでは全員が使える必要があるから
■企業のミッションにつながるから

■■■第2章 Webアクセシビリティの基礎
■■2.1 基礎となるマシンリーダブルを理解する
■何も読み上げられないし、操作できないボタン──「名前」と「役割」
●読み上げられる実装──名前と役割
●読み上げられない実装
■選択したかわからないチェックボックス──「状態」
■HTMLのセマンティクスと、それを補完するWAI-ARIA
●HTMLはセマンティクスを持っている
●HTMLのセマンティクスを補完するWAI-ARIA
●WAI-ARIAよりもHTMLネイティブセマンティクスが優れている理由
■HTMLとWAI-ARIAとAOM（アクセシビリティオブジェクトモデル）
●Webコンテンツからアクセシビリティオブジェクトモデルを生成する
●アクセシビリティオブジェクトモデルを操作するWAI-AR　ほか

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。