Marketing

Marketing

Marketing

calendar icon
calendar icon
calendar icon

Published on September 2022

Art Direction for the Web

At its heart, “Inclusive Components” is a detailed, practical handbook for building fully accessible interfaces. The book examines common interface patterns — accordions, tables, tabs, toggles and everything in-between — through the lens of inclusion. The result is a dozen of fully accessible and robust patterns we author, plug in, and use daily.

Ebook

$14.49

ePUB, Kindle, PDF.

hardcover

$25.49

Quality hardcover

BOOK CHAPTERS

The book examines common interface patterns — accordions, tables, tabs

introduction

Menus & Menu Buttons

Menus, dropdowns, subnavigation. There’s a lot of confusion happening around these terms. Why is this happening, why are WAI-ARIA semantics often misused here, how do we properly use “hamburgers” and “navicons,” and what do you need to consider to make your menus keyboard- and screen-reader-accessible?

introduction

Menus & Menu Buttons

Menus, dropdowns, subnavigation. There’s a lot of confusion happening around these terms. Why is this happening, why are WAI-ARIA semantics often misused here, how do we properly use “hamburgers” and “navicons,” and what do you need to consider to make your menus keyboard- and screen-reader-accessible?

introduction

Menus & Menu Buttons

Menus, dropdowns, subnavigation. There’s a lot of confusion happening around these terms. Why is this happening, why are WAI-ARIA semantics often misused here, how do we properly use “hamburgers” and “navicons,” and what do you need to consider to make your menus keyboard- and screen-reader-accessible?

Chapter 1

Tooltips & Toggletips

Inclusive design is often about providing the user with the right tool for the job and the right kind of tooltip to go with that tool. In this chapter, we’ll be looking at situations which might call for a tooltip and learn how to formulate inclusive implementations for them.

Chapter 1

Tooltips & Toggletips

Inclusive design is often about providing the user with the right tool for the job and the right kind of tooltip to go with that tool. In this chapter, we’ll be looking at situations which might call for a tooltip and learn how to formulate inclusive implementations for them.

Chapter 1

Tooltips & Toggletips

Inclusive design is often about providing the user with the right tool for the job and the right kind of tooltip to go with that tool. In this chapter, we’ll be looking at situations which might call for a tooltip and learn how to formulate inclusive implementations for them.

chapter 2

A Theme Switcher

Offering alternative themes often represents a maintenance issue. This chapter explores how to make an efficient and portable React component that allows users to switch a default light theme into “dark mode”.

You will learn:

  • What exactly you need to understand about your audience.

  • How to consolidate all you know about your users.

  • How to carry out lightweight user research.

chapter 2

A Theme Switcher

Offering alternative themes often represents a maintenance issue. This chapter explores how to make an efficient and portable React component that allows users to switch a default light theme into “dark mode”.

You will learn:

  • What exactly you need to understand about your audience.

  • How to consolidate all you know about your users.

  • How to carry out lightweight user research.

chapter 2

A Theme Switcher

Offering alternative themes often represents a maintenance issue. This chapter explores how to make an efficient and portable React component that allows users to switch a default light theme into “dark mode”.

You will learn:

  • What exactly you need to understand about your audience.

  • How to consolidate all you know about your users.

  • How to carry out lightweight user research.

chapter 3

Tabbed Interfaces

What makes a tabbed interface a tabbed interface is in the ergonomics of its keyboard behavior. Heydon takes you step-by-step through the process of applying ARIA semantics to master the challenges that tabbed interfaces might bring along.

You will learn:

  • What a sales funnel is and how it helps.

  • How to map your customer’s journey.

  • How to build a sales funnel around the user’s journey.

chapter 3

Tabbed Interfaces

What makes a tabbed interface a tabbed interface is in the ergonomics of its keyboard behavior. Heydon takes you step-by-step through the process of applying ARIA semantics to master the challenges that tabbed interfaces might bring along.

You will learn:

  • What a sales funnel is and how it helps.

  • How to map your customer’s journey.

  • How to build a sales funnel around the user’s journey.

chapter 3

Tabbed Interfaces

What makes a tabbed interface a tabbed interface is in the ergonomics of its keyboard behavior. Heydon takes you step-by-step through the process of applying ARIA semantics to master the challenges that tabbed interfaces might bring along.

You will learn:

  • What a sales funnel is and how it helps.

  • How to map your customer’s journey.

  • How to build a sales funnel around the user’s journey.

Elevate

Your Mind, Body, Soul, & Spirit