]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Update label a11y guidelines to explain use of multiple labels describing one element 7182/head
authorGeoff Kimball <geoff@zurb.com>
Tue, 24 Nov 2015 19:34:59 +0000 (11:34 -0800)
committerGeoff Kimball <geoff@zurb.com>
Tue, 24 Nov 2015 19:34:59 +0000 (11:34 -0800)
docs/pages/label.md

index a2451a7a1f453dca648e406f395344960a4ebbfd..b2feec5e7298d6cb419c39429537804bc7b0f388 100644 (file)
@@ -21,6 +21,14 @@ A label will typically be describing another element on the page. To bind the tw
 <span class="label" id="emailLabel">High Priority<span>
 ```
 
+If an element is described by multiple labels, place multiple IDs inside of `aria-describedby`.
+
+```html
+<p aria-describedby="emailLabel1 emailLabel2">Re: re: re: you won't believe what's in this email!</p>
+<span class="label" id="emailLabel">High Priority<span>
+<span class="label" id="emailLabe2">Unread<span>
+```
+
 ---
 
 ## Coloring