search

usnationalarchives / nara-ugfa

NARA User Generated Finding Aids Prototype
1 stars 0 forks source link

Search field has no accessible name #137

Closed lfrancis closed 4 years ago

lfrancis commented 4 years ago

HTML form control has no accessible name. WCAG 2.0 A F68 Section 508 (2017) A F68 1 pages A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following:

Use a label element with the for attribute set to the ID of the form control Wrap a label element around the form control Add a title attribute Add an aria-label attribute Add an aria-labelledby attribute https://nara-ugfa.herokuapp.com/ Line 50

<input placeholder="Search the NARA Catalog" type="text" name="query" class="sc-fzoiQi sc-fzoXWK iztvcf">

danielboggs commented 4 years ago

This search input now has a screenreader-only label.

lfrancis commented 4 years ago

Confirmed addressed