a11y audit fixes - Githubissues

🚨 means critical issue

overall style issues

[ ] lack of proper focus contrast on buttons, lack of proper contrast on cookie banner links
[ ] 1727428 the "visual boundary" or outline of form fields (radio button, checkboxes, etc.) lack proper contrast
- [ ] 1727509 shows up in search results checkboxes, too
- [ ] if we increase the bootstrap elements border rgba value from (0,0,0,0.25) to (0,0,0,0.45) this gets cleared up for checkboxes and radio buttons

[x] https://github.com/hathitrust/firebird-common/issues/71
🚨 1727510 radio button does not have role and/or state
🚨 1727483 focus indicator missing on select language and select format
Regular priority - DEV-1175
[ ] 1727490 label on search field is not persistent
[ ] 1727489 dropdown fields don't have informative labels
[ ] 1727499 when screen is 320px, you lose the number in the "search term" placeholder text
[ ] 1728295 select language/select format contrast issues once selected

[ ] 1727130 the search bar dropdown filters don't have "visible labels" (but they do have aria-labels)

[ ] 🚨 1727249 green check mark validation on form fields lacking alternate text
Regular priority - [DEV-1177]
[ ] 1727230 identify input purpose missing for name and email
[ ] 1727976 form validation error messages lack contrast
[ ] 1727235 form validation error messages not being announced by screen reader
[ ] 1727229 when modal is closed, focus isn't returned to trigger

[ ] 1727031 color contrast of orange link text in table against gray background (my guess is both the gray and the orange need to be changed 😬 ) 70+ issues related to this

[ ] 1727518 hathi-collections-toolbar "select all items" checkbox button doesn't have a "pressed/unpressed" state conveyed to screen reader users
- [ ] 1728277 same component, different app
[ ] 1728595 in CollectionEditModal: "collection visible to others" group of radio buttons is missing fieldset
- problem: the label associated with the radio button(s) is a paragraph tag instead of a "legend"