diff options
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> |