Here’s a quick CSS snippet to add to your stylesheets to give your users better indicators on form labels. When I declare my form CSS, I used to just add label{ cursor: pointer; } for basic form accessibility, since you would usually have a label associated with a specific field.

I’ve found myself working more with forms that require multiple labels per field like when using radio buttons or checkbox lists (one label to describe the field and one for each option). I don’t want users to get confused if the label they click doesn’t do anything, so I’ve modified it to target only labels that have associated fields:

label[for]{ cursor: pointer; }

Just a quick tip I wanted to share in hopes that someone would get some use out of it!