bootstrap4-toggle Accessibility

Hi,

I use Accessibility checkers in order to make accessibility tools work and i get an error because "label" needs "for" attributes.

As multiples "for" can't point to the same input, can you change the "label" for "span" or at least create an option for it ?

Sep 03 '19 08:09 aproquot

Hi @aproquot

Thanks for the issue. Accessibility is definitely something we should all consider at design time.

I've added for properties to both labels:

Oct 10 '19 03:10 gitbrent

@gitbrent I think this needs to be re-examined. The Wave tool marks this as an accessibility issue because a form input is not supposed to have more than 1 label. Why use label at all? I think it would be best to let the users of the library decide how to handle labeling.

Dec 04 '19 21:12 jcputney

@jcputney Good feedback. I'll replace the <label> elements so users can choose there own label for the control. You mentioned that originally and i completely missed it.

Dec 06 '19 01:12 gitbrent

isn't accessible for screen readers

Apr 08 '20 09:04 Lowell130

Hello, related issue, but this time with the title attribute, is not propagated, is there a way to populate it?

Sep 25 '20 14:09 meduzapat

Using version 3.6.1 and a basic switch:

<input id="status" type="checkbox" data-toggle="toggle" data-on="Open" data-off="Dicht" data-onstyle="success" data-offstyle="danger" title="This is the title" />

It appears the elements are skipped completely when tabbing through the page. Is this a known bug? (Firefox 83.0, Win 10, same behavior in Chrome)

Dec 07 '20 13:12 Navi2016