What is accessibility in React and why does it matter?

Accessibility means building an app that everyone can use, including people who use screen readers, keyboards only, or have vision or motor difficulties. In React this means using semantic HTML elements, adding proper labels to form fields, and making sure every interactive element can be reached and used with a keyboard.

function LoginForm() {
  return (
    <form>
      <label htmlFor="email">Email</label>
      <input id="email" type="email" name="email" />
      <button type="submit">Log In</button>
    </form>
  );
}