Open colabottles opened 10 months ago
Thanks for opening this Todd!
I’m still fairly new to the app repository, but I’m in the process of going through the whole app.
There’s actually some other spots I noticed we’re missing labels as well, like adding a highlight. I think I might open an overarching issue for the places they’re missing.
There are a lot of things I have noticed when I went through and did a quick audit of the landing page.
I'll get a hold of you in the morning about it. There are a few accessibility concerns I have.
Thanks, @nickytonline
.take
Thanks for taking this on! If you have not already, join the conversation in our Discord
Describe the bug
Accessibility Bug Found: A form control does not have a corresponding label but has a placeholder.
Why It Matters: If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls. Placeholders are read duplicately in screen reader technologies depending upon the screen reader program used.
How to Fix It: If a text label for a form control is visible, use the
<label>
element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptivetitle
attribute to the form control, or reference the label(s) usingaria-labelledby
. Labels are not required for image, submit, reset, button, or hidden form controls. Do away with the placeholder and provide either a visible form label or an accessibly hidden form label.Success Criteria Affected:
Screenshot(s):![Screenshot of newsletter sign up form](https://github.com/open-sauced/landing-page/assets/40549031/9ca4856a-9557-4baf-8c11-fdebcedd52e7)
PR Available: see: https://github.com/colabottles/landing-page/tree/main/components/sections/home-page
Steps to reproduce
Browsers
Chrome, Firefox, Safari, Edge, Opera
Additional context (Is this in dev or production?)
Production
Code of Conduct
Contributing Docs