Add label to search input #70
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #51
Changes
<label>element associated with search input viahtmlFor/idaria-describedbyfor additional search context.sr-onlyclass to hide label visually.sr-onlyutility class to CSSWCAG Compliance
3.3.2 Labels or Instructions (Level A) - Labels must be provided for inputs
4.1.2 Name, Role, Value (Level A) - Form elements must have accessible names
Before & After
Before: Input with only placeholder text (not accessible to screen readers when focused)
After: Input with proper
<label>and descriptive help textScreen Reader Experience
When focusing the search input, screen readers will announce:
Testing