Twitter Bootstrap form Accesibility - Inline checkboxes

Question

I am building a large form with Bootstrap and am trying to make it as accessible as possible. It needs the site to be WCAG2AA compliant.

Is there a way of laying out the mark-up for a group of inline check-boxes without having the input nested inside the label or will I just have to modify the style-sheets to suit my needs.

Also Are there any useful guides or links out there on making Bootstrap more accessible?

Cheers,

Brian

Answer 1

There has been a few questions about checkboxes and radio buttons in the past week or so. Question 1 and question 2. Check these out to see if they assist any.

Is there a way of laying out the mark-up for a group of inline check-boxes without having the input nested inside the label or will I just have to modify the style-sheets to suit my needs.

To me it sounds like you are thinking of doing <label><input> text</label>. Is this correct? Some assistive technologies have issues with this if I recall correctly, and it fell out of a best practice years ago. I advise you to to follow how I outlined it in my answer in the linked question.