Code Quiz

Accessible Label & Icon Button Bug

Find the accessibility bug preventing screen readers from announcing this form control.

Codehtml

<form>
  <label for="user-email">Email address</label>
  <input type="email" id="email" name="email" />

  <button type="submit">
    <svg aria-hidden="true" width="16" height="16">
      <use href="#send-icon" />
    </svg>
  </button>
</form>

This form fails accessibility review. What is the bug?

← PreviousARIA Roles vs Semantic HTML Next →WCAG Contrast and Accessible Labels