24278 2014-01-13 10:29:46 +0000 should links be allowed inside labels? 2014-01-16 10:27:29 +0000 1 1 1 Unclassified HTML WG HTML5 spec unspecified PC Windows NT RESOLVED FIXED a11y P2 normal --- 24279 1 faulkner.steve faulkner.steve faulkner.steve lwatson mike public-html-admin public-html-wg-issue-tracking stommepoes public-html-bugzilla oldest_to_newest 98317 0 faulkner.steve 2014-01-13 10:29:46 +0000 "Phrasing content, but with no descendant labelable elements unless it is the element's labeled control, and no descendant label elements." http://www.w3.org/html/wg/drafts/html/master/forms.html#the-label-element example: <label for="test"><a href="http://google.com">google</a></label><input id="test" type="checkbox"> or if you prefer a real world example: <input id="boston_region" type="checkbox" name="locations" value="boston_region"> <label for="boston_region"> <a id="x:219752177.6:mkr:dtnContent" class="igdt_Node igdt_NodeParent" href="#" title="BOR - Boston Region" mkr="dtnContent">BOR - Boston Region</a> </label> this breaks the expected behaviour of a label activating the control in IE/chrome/firefox. suggest changing to "no descendant interactive elements" 98322 1 faulkner.steve 2014-01-13 12:19:03 +0000 email to list on proposed change: http://lists.w3.org/Archives/Public/public-html/2014Jan/ 98404 2 stommepoes 2014-01-14 08:14:35 +0000 I, and many others apparently, use this construct quite regularly: <input type="checkbox" name="voorwaarden" id="voorwaarden"> <label for="voorwaarden">I have read and agreed to the <a href="/voorwaarden">General Terms and Conditions</a>.</label> Removing this would probably mean relying on aria-describedby on a separate element, or hope the user's attention can remember that somewhere at the top of the form was a link to the terms even by the time they've worked their way to the bottom. As a hack, I've also used anchors within labels for help text/extended label info where a natively-focusable element was preferred for simple CSS hiding and showing. However, as a hack, and now that everyone does everything with Javascript nowadays anyway, I wouldn't let this reason hold against this bug. But the first example would still hold for me. 98415 3 faulkner.steve 2014-01-14 11:01:37 +0000 I agree that restricting the use of links inside labels is not a good idea. What I have done is add a note in the spec about the positive effect for usability/accessibility of labels as it increases hit area of the labeled control, and that linking label text negates this. https://github.com/w3c/html/commit/11c025f70bf7364e37cec508592c99916f92c3c8 98504 4 sideshowbarker+gitzilla 2014-01-15 15:08:46 +0000 Commit pushed to master at https://github.com/w3c/html https://github.com/w3c/html/commit/672b711b44f9d23a285b4d092b9927470667b14c modified label usage note thanks Jukka, see bug 24278 98505 5 sideshowbarker+gitzilla 2014-01-15 15:39:37 +0000 Commit pushed to master at https://github.com/w3c/html https://github.com/w3c/html/commit/23ca78557ef3b45b9ab2ca4968796273494a17ba final tweak to label usage note see bug 24278 98508 6 faulkner.steve 2014-01-15 16:01:10 +0000 EDITOR'S RESPONSE: This is an Editor's Response to your comment. If you are satisfied with this response, please change the state of this bug to CLOSED. If you have additional information and would like the Editor to reconsider, please reopen this bug. If you would like to escalate the issue to the full HTML Working Group, please add the TrackerRequest keyword to this bug, and suggest title and text for the Tracker Issue; or you may create a Tracker Issue yourself, if you are able to do so. For more details, see this document: http://dev.w3.org/html5/decision-policy/decision-policy.html Status: partially Accepted Change Description: added usage note see commits Comment 4 and Comment 5 Rationale: after discussion agree that links in labels should be allowed, but useful to make devs aware that labels have acc/usability benefits that are effected by inclusion of links. 98509 7 sideshowbarker+gitzilla 2014-01-15 16:10:26 +0000 Commit pushed to master at https://github.com/w3c/html https://github.com/w3c/html/commit/5e3787000ce7d50ed8264e7fb84ed3493bdd8709 added markers for Bug 24278 fix 98558 8 sideshowbarker+gitzilla 2014-01-16 10:27:29 +0000 Commit pushed to master at https://github.com/w3c/html https://github.com/w3c/html/commit/c0616af1947d68ffa2c8546cab193326be3d4883 fiddle once more with label example see bug 24278