Okay, it seems that the CodePen glitch has gone away!
I’ve got about 10 mins to type out some thoughts (3 thoughts). Sorry to have to be brief, but we haven’t eaten dinner yet (because I haven’t cooked it yet!)
Probably it’s better use control the spacing through CSS instead of inserting breaks.
You know that text that appears inside the text area. That should be created with the placeholder attribute, like this:
<textarea class="choices" rows="10" cols="50" name="comment" form="survey-form" placeholder="Please provide us with suggestions for making this a successful program."></textarea>
segments with radio buttons and checkboxes –
For accessibility support, these groupings need to wrapped in
@camper always provides such nice links to accessibility supports. Here’s one of his comments:
Fieldsets and Grouping: Your checkboxes and radio buttons need to be grouped either with the <fieldset> element or aria-labelledby. Here’s some more information if you’re curious:
Those are my 3 thoughts. I know you’re working on the centering (I imagine you’re seeking something other than
<span>). Please re-post when you’ve got what you’re hoping for regarding the centering.