Accessibly hiding field labels?

Hi GF community —

I know we can hide the label for a field (like, say, an email address for a newsletter signup, with a placeholder like “Enter your email” on the field) by just setting “Field Label Visibility” to “Hidden”, and on the front end it looks like it gets visually hidden with a combination of clipping, tiny width/height, and overflow:hidden. Gravity Forms gives you its warning that picking the “Hidden” setting will cause accessibility issues.

W3.org has some accessible options for hiding field labels, and their first option is to visually hide the label (which GF is doing) but including a for=“inputname” to associate it with the field — which it looks like GF is also doing. Does that mean it truly is accessible to hide the label with GF’s default visibility dropdown, or is there a better way to handle it?

Thanks!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.