From c897f9d5f0b331dfafb571429d7bd845b6b73b6a Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 28 Oct 2014 21:24:45 -0700 Subject: Safari v8.0 still suffers from Justified Nav rendering bug --- docs/_includes/components/navs.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes/components') diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html index 0e9af578a..c9fc189c5 100644 --- a/docs/_includes/components/navs.html +++ b/docs/_includes/components/navs.html @@ -60,7 +60,7 @@

Justified navbar nav links are currently not supported.

Safari and responsive justified navs

-

As of v7.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the justified nav example.

+

As of v8.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the justified nav example.

- - Generic placeholder image - - + Generic placeholder image
-

Deprecated pull-right pull-left example

+

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+ + Generic placeholder image +
{% highlight html %} -- cgit v1.2.3 From eb74d8c86399d41673b9aa0052c70582b13bd714 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 4 Nov 2014 10:39:54 +0000 Subject: Accessibility tweaks and explanation for glyphicons - add aria-hidden="true" to avoid SRs unintentionally reading out the Unicode character (see http://www.filamentgroup.com/lab/bulletproof_icon_fonts.html) - callout with advice on accessible icon usage - replaced sr-only text in examples with (in the case of button) cleaner aria-label - additional example of icon used to convey meaning (in a non-interactive control) --- docs/_includes/components/glyphicons.html | 47 +++++++++++++++++++++++-------- 1 file changed, 36 insertions(+), 11 deletions(-) (limited to 'docs/_includes/components') diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html index c614103c6..b5f5178df 100644 --- a/docs/_includes/components/glyphicons.html +++ b/docs/_includes/components/glyphicons.html @@ -7,7 +7,7 @@

Use whatever option best suits your specific development setup.

+
+

Accessible icons

+

Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the aria-hidden="true" attribute.

+

If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the .sr-only class.

+

If you're creating controls with no other text (such as a <button> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an aria-label attribute on the control itself.

+
{% highlight html %} - + {% endhighlight %} @@ -45,22 +51,41 @@
{% highlight html %} + + +{% endhighlight %} +

An icon used in an alert to convey that it's an error message, with additional .sr-only text to convey this hint to users of assistive technologies.

+
+ +
+{% highlight html %} + {% endhighlight %} -- cgit v1.2.3 From bb89657bcb53a60d579d8fd9bbea56dde05dad8c Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Thu, 30 Oct 2014 16:45:33 +0000 Subject: Assorted accessibility (and some consistency) fixes for documentation Closes #14951 by merging it. --- docs/_includes/components/button-dropdowns.html | 46 ++++---- docs/_includes/components/button-groups.html | 143 +++++++++++++----------- docs/_includes/components/dropdowns.html | 10 +- docs/_includes/components/input-groups.html | 12 +- docs/_includes/components/navbar.html | 4 +- docs/_includes/components/navs.html | 55 +++++---- docs/_includes/components/pagination.html | 46 ++++---- 7 files changed, 165 insertions(+), 151 deletions(-) (limited to 'docs/_includes/components') diff --git a/docs/_includes/components/button-dropdowns.html b/docs/_includes/components/button-dropdowns.html index 165e0777e..871370d43 100644 --- a/docs/_includes/components/button-dropdowns.html +++ b/docs/_includes/components/button-dropdowns.html @@ -12,7 +12,7 @@

Turn a button into a dropdown toggle with some basic markup changes.

- +
- +
- +
- +
- +
- +