A11y tricky quiz

twitter logo github logo ・1 min read

Considering the following markup, which text will the screen reader read?

<html lang="en">
  <label for="btn">button this click</label>

  <span id="alt-btn">me button click</span>

  <button
    id="btn"
    aria-labelledby="alt-btn"
    aria-label="click this button"
  >
    click me
  </button>
</html>
  • "button this click"
  • "click me"
  • "click this button button"
  • "me button click button"

click here to see the anwser

twitter logo DISCUSS
Classic DEV Post from Feb 5

Clean up your code with these tips!

Learning new patterns to make your code smaller, and more clear.

Vinícius Hoyer profile image

Let's talk shop 👩‍💻👨‍💻

Sign up (for free)