A11y tricky quiz

vhoyer

Vinícius Hoyer

Posted on August 1, 2019

A11y tricky quiz

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>
Enter fullscreen mode Exit fullscreen mode
  • "button this click"
  • "click me"
  • "click this button button"
  • "me button click button"

click here to see the anwser

💖 💪 🙅 🚩
vhoyer
Vinícius Hoyer

Posted on August 1, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

A11y tricky quiz
a11y A11y tricky quiz

August 1, 2019