From: Geoff Kimball <geoff@zurb.com>
Date: Tue, 24 Nov 2015 19:34:59 +0000 (-0800)
Subject: Update label a11y guidelines to explain use of multiple labels describing one element
X-Git-Tag: v6.0.5~14^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7182%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update label a11y guidelines to explain use of multiple labels describing one element
---

diff --git a/docs/pages/label.md b/docs/pages/label.md
index a2451a7a1..b2feec5e7 100644
--- a/docs/pages/label.md
+++ b/docs/pages/label.md
@@ -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