Fields unlabeled – A11y fixes needed

Hi,

I would love to use the plugin on a project, but it needs some accessibility fixes.

The field is unlabelled on the password reset form because you have the wrong value in the for attribute. It’s also not marked as required and is missing the autocomplete attribute.

/** Current, incorrect **/
<p class="no-margin">
	<label for="email">Email Address or Username</label>
	<input type="text" name="somfrp_user_info" id="somfrp_user_info">
</p>

/** Corrected **/
<p class="no-margin">
	<label for="somfrp_user_info">Email Address or Username</label>
	<input type="text" name="somfrp_user_info" id="somfrp_user_info" required autocomplete="username">
</p>

Additionally the messages that appear above the form such as “The e-mail could not be sent.” error notice are not read out by screen readers. Ideally the form should submit with ajax (not requiring a page reload) and then you’ll have aria attached to the messages so that screen readers will announce messages when they are displayed. Here are some references:

• W3C User Notifications
• ARIA Live Regions

Would you be able to make those fixes?