Problem
The email input field in the newsletter form has no associated label, only a placeholder.
Screen-reader users hear an unlabeled "edit text" field with no context, since the form
is in the global footer that appears on every page.
Impact
High — affects every page (global footer component)
Fix
Add a visually-hidden label associated to the input:
+ <label htmlFor="email" className="ui-sr-only">Email address</label>
Additional context
As a first-time contributor to this project I would like to take on this issue if maintainers think it would be an appropriate contribution.
Problem
The email input field in the newsletter form has no associated label, only a placeholder.
Screen-reader users hear an unlabeled "edit text" field with no context, since the form
is in the global footer that appears on every page.
Impact
High — affects every page (global footer component)
Fix
Add a visually-hidden label associated to the input:
+ <label htmlFor="email" className="ui-sr-only">Email address</label>Additional context
As a first-time contributor to this project I would like to take on this issue if maintainers think it would be an appropriate contribution.