Label Every Input

This sign-up form uses placeholders instead of labels. Placeholders vanish as soon as you type, are often too faint to read, and many screen readers don't announce them reliably. The radio buttons and checkbox have text next to them, but it isn't connected, so a screen reader just says "radio button, not checked".

Requirements

• Every input and select has a visible <label> that is connected to it — with for/id, or by wrapping the control inside the label.
• The two "Experience level" radios sit in a <fieldset> whose <legend> is the question.
• Clicking the words "I agree to the club rules" ticks the checkbox (that's how you know they're connected — and it gives a bigger click target).