インクルーシブ HTML + CSS & JavaScript — 多様なユーザーニーズに応えるフロントエンドデザインパターン

先の記事『英語圏のウェブアクセシビリティ コミュニティで語られる「インクルーシブデザイン (inclusive design)」について』で、Heydon Pickering 氏による著書「Inclusive Design Patterns - Coding Accessibility Into Web Design 」に軽く触れましたが、このほど、その日本語訳が出版されることになりました。

太田良典さん、伊原力也さんによる監訳で (お二人は Heydon Pickering 氏の前作である「コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション 」の監訳者、ならびに「デザイニングWebアクセシビリティ - アクセシブルな設計やコンテンツ制作のアプローチ 」の著者としてもお馴染みですね)、私も今回、日本語版レビュワーという形で関わらせていただきました。

インクルーシブ HTML + CSS & JavaScript — 多様なユーザーニーズに応えるフロントエンドデザインパターン

本書では終始「インクルーシブ」という言葉がキーワードとして語られており、あらゆる障害や状況を抱えたユーザーに対しても分け隔てなく (“inclusive” に) 優れたユーザーエクスペリエンス (UX) を提供しよう、という意志が込められています。どんなユーザーをも排除せず受け入れるための UI デザインが、具体的なコーディング例を伴う形で解説されていますが、一貫して :

…ということが丁寧に (そして時折ユーモラスに) 詳述されています。書名に「デザインパターン」とあることから、いわゆるパターンランゲージ的なアプローチを予想していましたが、実際に読んでみると、むしろ手取り足取りな「チュートリアル」という印象です。読み進めてゆくことで、インクルーシブなデザインを具現化するための根本的な考えかたを身に付けることができ、ここに掲載されていない様々な UI コンポーネントに対しても、幅広く応用が利く内容になっています。

また、いわゆるコーディング解説だけに留まらず、8章 (インクルーシブ・プロトタイピング) でペーパープロトタイピングのやりかたに言及していたり、12章 (テスト駆動マークアップ) で CSS を応用した開発者ツールでの検証方法を紹介していたり、といったところも個人的には興味深く感じました。

もともと洋書であるがゆえに、英語圏の文化を理解していないと意味がわからない箇所があったり、実装方法や技術面で日本の事情と合わない記述があったりというのは当然あるのですが、本書はそこを逆手に取るかのように訳註が充実しているので、その意味でも面白い (学びが多い) です。

ウェブの設計や制作に関わる人には、レベルや経験を問わず、おすすめできる良書かと思います。2017年11月4日発売予定で、Amazon では予約を受付中です。


本書の原書は2016年に刊行されましたが、その後、著者の Heydon Pickering 氏は、Inclusive Components というブログを立ち上げています。インクルーシブなウェブの UI コンポーネントの作りかたを、ひとつひとつ紹介してゆくことを通じて、パターンライブラリー化してゆこうというものです。こちらも併せて、注目したいところです。