Developing for web accessibility

This in-depth course is designed for developers who want to master accessible front-end development. You’ll learn how to work with semantic HTML, ARIA, and the accessibility tree; build inclusive forms; and create custom components that work well with assistive technologies like screen readers and keyboard navigation.

What you’ll learn

• How the accessibility tree works and how to use ARIA effectively
• How to apply accessible names, descriptions, and semantic markup
• How to use headings, landmarks, links, buttons and image types correctly
• How to design and develop accessible forms, labels, fieldsets and validation
• How to use live regions and build accessible notifications
• How to create accessible widgets including modals, tabs, comboboxes and chat windows

Who this course is for

• Web developers focused on inclusive front-end development
• Developers working with ARIA, custom components or complex UI widgets
• Testers evaluating accessibility in forms, modals, and dynamic content
• Designers and content creators collaborating with dev teams on accessible features

Knowledge level

• Basic knowledge of HTML is required.
• No prior accessibility knowledge is required.

Technology requirements

We use CodePen for some activities. You don’t need an account, but it will allow you to fork and save examples.

Delivery options