From debcb1de594f98eb973d3a33848d6c1646f416d7 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Mon, 23 Mar 2015 21:53:30 +0000 Subject: [PATCH] Callout for tooltips and keyboard/AT accessibility Include callout explicitly mentioning tooltips should only be added to focusable elements. Closes #16134 --- docs/_includes/js/tooltips.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/_includes/js/tooltips.html b/docs/_includes/js/tooltips.html index c3fe17ec24..eab9549bb8 100644 --- a/docs/_includes/js/tooltips.html +++ b/docs/_includes/js/tooltips.html @@ -76,6 +76,10 @@ $(function () {

Don't try to show tooltips on hidden elements

Invoking $(...).tooltip('show') when the target element is display: none; will cause the tooltip to be incorrectly positioned.

+
+

Accessible tooltips for keyboard and assistive technology users

+

For users navigating with a keyboard, and in particular users of assistive technologies, you should only add tooltips to keyboard-focusable elements such as links, form controls, or any arbitrary element with a tabindex="0" attribute.

+

Tooltips on disabled elements require wrapper elements

To add a tooltip to a disabled or .disabled element, put the element inside of a <div> and apply the tooltip to that <div> instead.