DEV Community

Unpublished Post. This URL is public but secret, so share at your own discretion.

Answer: 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"
  • [x] "me button click button"

Discussion (0)