CODEWITHSUNDEEP
twitter-bootstrapaccessibility
user1696182
user1696182

Reputation: 33

Twitter Bootstrap form Accesibility - Inline checkboxes

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

Upvotes: 3

Views: 1704

Answers (1)

Ryan B
Ryan B

Reputation: 3392

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.

Upvotes: 1

Related Questions