Accessible to all

Build a site that works for all of your users.

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?

Generally speaking, accessibility concerns can be split into four broad categories: Vision Motor/dexterity Auditory Cognitive

• https://web.dev/what-is-accessibility/

Make your site keyboard accessible

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

Understand semantics and basic screen reader support

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

Create a design and CSS that supports users with different needs

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