


Marketing
Marketing
Marketing
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