From 125945eb9058ad8db1f3843259ee9aa73e9bec5f Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 11 Nov 2014 19:49:44 -0800 Subject: [PATCH] add missing dots to .sr-only class mentions, for consistency w/ rest of docs --- docs/_includes/css/buttons.html | 2 +- docs/_includes/css/forms.html | 6 +++--- docs/_includes/css/tables.html | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/_includes/css/buttons.html b/docs/_includes/css/buttons.html index 1b3f46416d..560c7d2e0c 100644 --- a/docs/_includes/css/buttons.html +++ b/docs/_includes/css/buttons.html @@ -37,7 +37,7 @@

Conveying meaning to assistive technologies

-

Using color to add meaning to a button only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (the visible text of the button), or is included through alternative means, such as additional text hidden with the sr-only class.

+

Using color to add meaning to a button only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (the visible text of the button), or is included through alternative means, such as additional text hidden with the .sr-only class.

Sizes

diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 96b9b6ce05..7b0ab336df 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -649,12 +649,12 @@

Feedback icons only work with textual <input class="form-control"> elements.

Icons, labels, and input groups

-

Manual positioning of feedback icons is required for inputs without a label and for input groups with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the sr-only class. If you must do without labels, adjust the top value of the feedback icon. For input groups, adjust the right value to an appropriate pixel value depending on the width of your addon.

+

Manual positioning of feedback icons is required for inputs without a label and for input groups with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the .sr-only class. If you must do without labels, adjust the top value of the feedback icon. For input groups, adjust the right value to an appropriate pixel value depending on the width of your addon.

Conveying the icon's meaning to assistive technologies

-

To ensure that assistive technologies – such as screen readers – correctly convey the meaning of an icon, additional hidden text should be included with the sr-only class and explicitly associated with the form control it relates to using aria-describedby. Alternatively, ensure that the meaning (for instance, the fact that there is a warning for a particular text entry field) is conveyed in some other form, such as changing the text of the actual <label> associated with the form control.

-

Although the following examples already mention the validation state of their respective form controls in the <label> text itself, the above technique (using sr-only text and aria-describedby) has been included for illustrative purposes.

+

To ensure that assistive technologies – such as screen readers – correctly convey the meaning of an icon, additional hidden text should be included with the .sr-only class and explicitly associated with the form control it relates to using aria-describedby. Alternatively, ensure that the meaning (for instance, the fact that there is a warning for a particular text entry field) is conveyed in some other form, such as changing the text of the actual <label> associated with the form control.

+

Although the following examples already mention the validation state of their respective form controls in the <label> text itself, the above technique (using .sr-only text and aria-describedby) has been included for illustrative purposes.

diff --git a/docs/_includes/css/tables.html b/docs/_includes/css/tables.html index d09c340680..ab70496119 100644 --- a/docs/_includes/css/tables.html +++ b/docs/_includes/css/tables.html @@ -348,7 +348,7 @@ {% endhighlight %}

Conveying meaning to assistive technologies

-

Using color to add meaning to a table row or individual cell only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (the visible text in the relevant table row/cell), or is included through alternative means, such as additional text hidden with the sr-only class.

+

Using color to add meaning to a table row or individual cell only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (the visible text in the relevant table row/cell), or is included through alternative means, such as additional text hidden with the .sr-only class.

Responsive tables