All quizzes
Free quiz · 50 questions in the bank

Accessibility quiz

Test your Accessibility knowledge with a free interactive quiz — 50 questions with answers and explanations. No signup needed to play.

Question 1/12Score 0

What does `prefers-reduced-motion` represent?

In this round
  1. What does `prefers-reduced-motion` represent?
  2. What does WCAG AA require for the contrast ratio of normal-sized body text?
  3. A `<div>` is meant to act as a clickable card. What is the minimum needed for keyboard users?
  4. A "Required" hint and an error message — how do they reach a screen reader?
  5. A button shows "Save" while idle and a spinner while saving. Best disabled-state choice?
  6. Which is the correct way to display dynamic notifications ("Saved!", "Error!") to screen readers?
  7. How many `<h1>` elements should a page have?
  8. Which element is the correct landmark for a primary navigation bar?
  9. Why is `outline: none` on focusable elements harmful?
  10. Which `<table>` markup is most accessible for tabular data?
  11. A red asterisk marks required fields. What does that miss for screen-reader users?
  12. Why should the document language be set on `<html lang="…">`?
Gaps to close?
Read the curated Accessibility notes — core concepts, patterns, interview prep.
Accessibility notes

More quizzes

AlgorithmsAngularApache KafkaAWSBootstrapCSS