diff options
| author | Patrick H. Lauke <[email protected]> | 2014-10-30 16:45:33 +0000 |
|---|---|---|
| committer | Heinrich Fenkart <[email protected]> | 2014-11-11 07:46:14 +0100 |
| commit | bb89657bcb53a60d579d8fd9bbea56dde05dad8c (patch) | |
| tree | 1be2eb0da1b12c4002cec272c9905e1cc23256fd /docs/_includes/css/tables.html | |
| parent | 99919c036496d72030a965953f0e2d2d760d638c (diff) | |
| download | bootstrap-bb89657bcb53a60d579d8fd9bbea56dde05dad8c.tar.xz bootstrap-bb89657bcb53a60d579d8fd9bbea56dde05dad8c.zip | |
Assorted accessibility (and some consistency) fixes for documentation
Closes #14951 by merging it.
Diffstat (limited to 'docs/_includes/css/tables.html')
| -rw-r--r-- | docs/_includes/css/tables.html | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/docs/_includes/css/tables.html b/docs/_includes/css/tables.html index 011a4dbba..d09c34068 100644 --- a/docs/_includes/css/tables.html +++ b/docs/_includes/css/tables.html @@ -346,7 +346,10 @@ <td class="info">...</td> </tr> {% endhighlight %} - + <div class="bs-callout bs-callout-warning"> + <h4>Conveying meaning to assistive technologies</h4> + <p>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 <code>sr-only</code> class.</p> + </div> <h2 id="tables-responsive">Responsive tables</h2> <p>Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.</p> |