From: Marius Olbertz Date: Mon, 14 Dec 2015 09:24:09 +0000 (+0100) Subject: Added reference to visibility classes X-Git-Tag: v6.0.6~27^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7521%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Added reference to visibility classes --- diff --git a/docs/pages/accessibility.md b/docs/pages/accessibility.md index d2149d759..e4f0ace82 100644 --- a/docs/pages/accessibility.md +++ b/docs/pages/accessibility.md @@ -12,7 +12,7 @@ Aside from accessibility features that has been built into Foundation's componen ## Basic Principles - **Structure your document properly.** Use the right HTML tags for the job when marking up navigation, lists, links, controls, and so on. -- **Label everything.** If a control or form element has no text label, add one. Use the `alt` attribute on all images to describe what they are. +- **Label everything.** If a control or form element has no text label, add one. You can use the [visibility classes](visibility.html#accessibility) to hide labels visually while maintaining accessibility. Use the `alt` attribute on all images to describe what they are. - **Don't rely on purely visual cues.** The content of a page should make sense even if page is being read to the user, or if the user is colorblind and can't make use of color-based labeling. - **Make everything usable on a keyboard and mouse.** Lucky for you, all of our components work with keyboards, mice, and touch screens out of the box.