Add Fieldsets + Legends to Radios & Checkboxes

tailwindlabs / tailwindcss-custom-forms

A better base for styling form elements with Tailwind CSS.

https://tailwindcss-custom-forms.netlify.app/

MIT License

1.55k stars 72 forks source link

Add Fieldsets + Legends to Radios & Checkboxes #44

Open avr opened 5 years ago

avr commented 5 years ago

For accessibility, radio groups and checkbox groups should use <fieldset> as a wrapper and <legend> as a label. They both come with their own default browser styles.

Here are a few references (the IU design system has had a lot of vetting):

A11y Style Guide
IU's Design System

I can work on a PR for markup - but may need help with style choices.