Lesson overview · Free interview practice

Accessibility

Implement web accessibility standards.

Topics in the full lesson
  • Introduction to Web Accessibility
  • Overview of ARIA (Accessible Rich Internet Applications)
  • ARIA Roles and Attributes
  • Implementing ARIA in Web Applications
  • Accessible Design Practices
  • Testing for Accessibility
  • Best Practices
  • Exercises

Practice Problems

Work through a question before revealing its explanation. These questions and answers are free; Premium adds the full lesson walkthrough, examples and implementation detail.

Completion marks record your own progress, not an automatically checked result. The task type does not determine whether it is optional.

TheoryEasy

WCAG and the POUR Principles: The Accessibility Standard

Question

What is WCAG, what do the POUR principles cover, and what are the conformance levels?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryEasy

Custom Interactive Elements: Keyboard + ARIA Wiring

Question

How do you make a custom interactive element accessible (keyboard, focus, ARIA)?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryEasy

ARIA vs Semantic HTML: The First Rule of ARIA

Question

When should you use ARIA vs native HTML elements, and what is the First Rule of ARIA?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryMedium

Accessibility Testing: Automated + Manual + AT

Question

What are the canonical accessibility testing methods, and what can each catch?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

TheoryMedium

Accessible Naming: aria-label, aria-labelledby, aria-describedby

Question

How do aria-label, aria-labelledby, and aria-describedby differ, and what is the accessible-name priority order?

Take a moment to think about this before revealing the answer

Explain your reasoning or try an implementation before comparing answers.

Explore the full Accessibility material

Premium includes the complete lessons and implementation references. Free practice questions remain available without a subscription.

All course tracks & premium content
From basics to advanced masterclasses
Built for JS/TS developers like you
Real-world tips & common pitfalls
Upgrade to Premium