checkbox - Accessibility - Provide descriptive text in label elements -
i have toggle checkbox enclosed inside label element. however, don't need text label element. accessibility throws me error add label text don't need @ all. how overcome error?
<label class="toggle" for="togglechkbox" id="remember id" > <input id="togglechkbox" name="togglechkbox" type="checkbox" > </label>
although technically valid w3c point of view, has never been recommended nest inside . said screen reader / browser combinations don't support it. it's perhaps reason obtain warnings validation tool. safer put label before or after checkbox.
now answer bit more question, must provide label, otherwise screen reader users don't know checkbox for, i.e. unable know checkbox. alternatively can remove label compensate aria-label and/or aria-labelledby.
you must 1 or other. otherwise isn't screen reader accessible.
Comments
Post a Comment