Accessible to all

Overview

All users should be able to access your content. In this section you'll learn how to provide a robust experience to your users that accounts for their context and any situational, temporary, or permanent disabilities.

Understand the diverse needs of users
Make your site keyboard accessible
Understand semantics and basic screen reader support
Create a design and CSS that supports users with different needs

What is accessibility?

Keyboard access fundamentals
Use semantic HTML for easy keyboard wins
Control focus with tabindex
Style focus

Semantics and screen readers
Headings and landmarks
Labels and text alternatives
Media accessibility

Accessible tap targets
Color and contrast accessibility
Accessible responsive design
Content reordering

Overview

Table of Contents

Understand the diverse needs of users #

Make your site keyboard accessible #

Understand semantics and basic screen reader support #

Create a design and CSS that supports users with different needs #

Understand the diverse needs of users

Make your site keyboard accessible

Understand semantics and basic screen reader support

Create a design and CSS that supports users with different needs