/

Art Direction for the Web

Marketing

Marketing

Marketing

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?

Page:

7 pages

Time :

15 minutes

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?

Page:

7 pages

Time :

15 minutes

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?

Page:

7 pages

Time :

15 minutes

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.

Page:

24 pages

Time :

30 minutes

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.

Page:

24 pages

Time :

30 minutes

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.

Page:

24 pages

Time :

30 minutes

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.

Page:

30 pages

Time :

40 minutes

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.

Page:

30 pages

Time :

40 minutes

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.

Page:

30 pages

Time :

40 minutes

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.

Page:

27 pages

Time :

35 minutes

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.

Page:

27 pages

Time :

35 minutes

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.

Page:

27 pages

Time :

35 minutes

Testimonials

What my readers say

some help from me

Frequently asked question

How much does shipping cost to my country?
How much does shipping cost to my country?
How much does shipping cost to my country?
Delivery times to my country?
Delivery times to my country?
Delivery times to my country?
Is the eBook included with print?
Is the eBook included with print?
Is the eBook included with print?
What payment methods are accepted?
What payment methods are accepted?
What payment methods are accepted?
Is there a money-back guarantee?
Is there a money-back guarantee?
Is there a money-back guarantee?
Still have questions?
Still have questions?

Can’t find the answer you’re looking for? Please connect with me

Can’t find the answer you’re looking for? Please connect with me

Get The Best Updates

It's good time to subcribe and get the latest promotions

Create a free website with Framer, the website builder loved by startups, designers and agencies.