This pull request has been created to fix #426 issue.
I've made the following modifications to the signup form:
Added an autocomplete of email to improve the ease of filling out the form.
Added distinct focus styling so that keyboard-only users can easily determine when they have navigated to the form.
Removed the aria-label of Enter your email address and Click to sign up, on email input and button span respectively. The email field <label> and sign up button text already provide an accessible name for the respective fields.
Used the more generic <div> for layout of the email field.
Updated the form's subheading to use a <p> instead of an <h3>, to improve the experience for screen reader users when they navigate a webpage by headings.
Updated the subheading of the signup form in the footer to include information about the required input. This would aid users with cognitive disabilities to fill out the form since the email field's visible label disappears when the user types into the field.
Updated the styling for the email field of the signup form in the footer. Added styles to ensure that the email field takes up all of the available width at a breakpoint of 599px. This allows users to easily see the full email address typed.
This pull request has been created to fix #426 issue.
I've made the following modifications to the signup form:
<label>
and sign up button text already provide an accessible name for the respective fields.<div>
for layout of the email field.<p>
instead of an<h3>
, to improve the experience for screen reader users when they navigate a webpage by headings.