多様なユーザーニーズや閲覧環境に応える、HTML+CSS & JavaScriptの実装をマスターしよう!

この書籍は、パソコン、スーマートフォン、タブレット、時計、テレビなどのインターネットコンテンツの多様化が進む中で、あらゆる人・検索ロボットやユーザーエージェントなどのマシーンを含む、幅広いターゲットにとって使いやすいコンテンツやインターフェイスのデザインをどのように実現するのかを解説するものです。HTML5、CSS3、JavaScriptといったフロントエンド言語のデザインパターン(プログラムのパターン)を豊富なコンテンツやインターフェイスの実例とともに紹介します。

原書のInclusive Design Patterns – Coding Accessibility Into Web Designは2016年10月にドイツ Smashing Magazineから刊行され、高い評価とレビューを得ています。

この書籍は、上記書籍の日本語版として、プロフェッショナル/学生を問わず、今日のWebサイトやWebアプリケーションを設計、デザイン、実装(プログラミング)するあらゆる従事者の方をターゲットに制作しました。

既刊のデザイニングWebアクセシビリティ、コーディングWebアクセシビリティの実装面の理解を深めるために

HTMLやCSSに関する書籍は、主にレイアウトなどの見た目を実現するためのHTMLやCSSのパターン集が多くなりますが、本書はWebの本質に立った、「あらゆる環境やユーザーにとって使える(つまり除外しない)」WebサイトやWebアプリケーションの実装のアプローチ方法について解説しています。これは、弊社刊行のデザイニングWebアクセシビリティなど限られた書籍でしかアプローチされていません。

弊社既刊「デザイニングWebアクセシビリティ」や「コーディングWebアクセシビリティ」をお読みいただいた方は、豊富なコードパターン解説を通じて、実装面の理解をぜひ深めてみてください。

好評の既刊書籍の著者、監修者が再び集結！

ヘイドン・ピカリング
英国のインターフェイスデザイナー、イラストレーター、ライター。Web制作者向けの情報サイト「Smashing Magazine」のWebアクセシビリティ担当エディター。

太田良典(株式会社ビジネス・アーキテクツ)
ネット黎明期からのWeb制作のリーディングカンパニー、ビジネス・アーキテクツ社のセキュリティスペシャリスト/アクセシビリティスペシャリスト

伊原力也(株式会社ビジネス・アーキテクツ)
ネット黎明期からのWeb制作のリーディングカンパニー、ビジネス・アーキテクツ社のシニアインフォメーションアーキテクト

はじめに

1章:ドキュメント全体
…… 伝わりやすい文書の情報構造、文書構造

2章:パラグラフ
…… 複数の文書からなる段落とリンク構造

3章:ブログ記事
…… ブログ記事を例に文書と段落の構造を理解する

4章:パターンごとの評価
…… コンテンツを各種の標準規格で評価する手法

5章:ナビゲーション領域
…… ユーザーインターフェイス全体の設計

6章:メニューボタン
…… 個々のユーザーインターフェイスを構成するボタンとマークアップの定石

7章:インクルーシブなプロトタイプ制作
…… ユーザーインターフェイスを作りながらレビューする手法

8章:製品リストページ
…… Webアプリケーションの定番コンテンツのマークアップ

9章:フィルターウィジェット
…… Webアプリケーションの定番コンテンツのマークアップ

10章:入力フォーム
…… Webアプリケーションの定番コンテンツのマークアップ

11章:テスト駆動の開発
…… テストしながら、ユーザーを除外しないように開発・評価するフロー