Location: 06 Discussion - Add Post
Description: The "follow this post" and "post anonymously" checkboxes are not properly labeled. Implicit labeling is used by putting the checkbox and the on-screen label in a label element. However, the label does not have a for attribute that corresponds to the ID of the input field. The checkbox is rendered without a label with JAWS 18 in IE11.
Auditor Note: Developers must add a for attribute in the label element which equals to the ID of the input checkbox field that it labels. This will explicitly associate the label to the checkbox.
<label for="follow" class="field-label label-inline">
<input id="follow" name="follow" class="field-input input-checkbox" checked="" type="checkbox">
<span class="icon fa fa-star" aria-hidden="true"></span>follow this post
Internal Note: I initially considered this a bug with JAWS and IE since all other screen reader/browser combos have handled implicit labels on checkboxes forever. However, this condition is warned against in old accessibility specifications, so we must fix it.