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

パソコンやスマートフォンなどで文字がどのように表示されているのか、スクリーン（画面）上のタイポグラフィを考えるための書籍です。9 名の執筆者がそれぞれのテーマで論説をまとめ、文字の扱い方が特徴的なWebサイトの事例約80 例を紹介。オンスクリーンで読みやすい本文組みやフォント、印刷物とWebの本文組みの違い、アクセシビリティ、文字組みやWebフォントの技術的変遷など、それぞれの観点からオンスクリーンのタイポグラフィについて論じています。これからますます重要になるオンスクリーンでの文字の見せ方について理解を深めるための一冊です（本書は、2018 年10 月にBNNより発売された書籍『【新版】UI GRAPHICS』のシリーズ書籍として制作されています）。

「だれでも・効率よく・迷わずに。」を実現するデザインシステムの作り方 「デザインシステム」は、デジタルプロダクト開発においてその必要性や役割を言及されることが多い概念で、プロダクトを提供するためのプロダクト、またはインフラとも呼ばれ、日本の企業・組織でも導入が進んでいます。一般的には、「デザインの再現性を高め、一貫した製品体験を効率よく表現すること」を目的に導入される「ドキュメントやリソース群のこと」と説明されます。 プロダクトの重要性が増すにつれ、プロダクトが示す領域も広がり、デザインシステムが取り扱う範囲も広がってきています。見た目のデザインやUIに関するルール・ナレッジだけでなく、ブランドパーソナリティや文章の表現など、ユーザーとのありとあらゆる接点を網羅し体系化する必要が出てきているともいえるでしょう。 しかし、デザインシステムには決まった在り方がなく、組織の数だけ、その目的の数だけ形を変えます。公開されている個別のデザインシステムを見ても、今の自分たちに必要なのか、作れるのか、そして運用できるのか、疑問は尽きないでしょう。 本書は、人事・労務領域の業務アプリケーションSaaSを提供しているSmartHRのデザインシステムの立ち上げ前から、現在までの取り組みをケースとして扱いながら、デザインシステムの構想・構築・運用について、一般論を含めて解説します。まずはなにもわからなくても大丈夫。デザインシステムを始める目的と、最初に手をつけるべきコンテンツを考えるところからスタートしましょう。