To ensure screen readers announce the field purpose correctly, connect <label> with <input> using the for attribute (or htmlFor in React) and the input’s id.
HTML Example
<label for="username">Username</label>
<input type="text" id="username" name="username" />