australianopk.blogg.se

Tooltip accessibility screen reader
Tooltip accessibility screen reader









tooltip accessibility screen reader

Even though accessibility properties inspection tools demonstrate that the element's description is exposed, some screen readers do not read the value of the referenced element, regardless that the ARIA specification indicates that any element in the base markup can have aria-describedby.

tooltip accessibility screen reader

The dfn element example does not work with some screen readers. The “Experimental Demonstrations” below are all problematic in one way or another. This problem might be addressed by overriding the reporting of the button or link role via aria-roledescription, but that technique is limited, since aria-roledescription does not have robust support yet. Minimally, it creates a situation in which the native semantics of the element do not align with the purpose of the element - the tooltip would report as a link or a button, while its purpose would be only to display a tooltip. However, using a link or a button solely as a trigger for a tooltip - where the link or button is not used for interaction but as something to attached a tooltip to - potentially fails conformance to WCAG 4.1.2 Name, Role, Value. In the case of an ARIA Tooltip Widget on an input, link, or button, the tooltip can be used to provide some extra descriptive context (see the examples under “Valid Demonstrations,” below). Because of this, the only practical use for the ARIA Authoring Practices recommended implementation of Tooltip is on an interactive element. The Tooltip design pattern has significant problems: Screen readers tend not to report aria-describedby associated element values unless two things are true: the trigger element is an interactive element and the trigger element gets keyboard focus. The ARIA Authoring Practices say a “tooltip is a popup that displays information related to an element.” It also indicates that the Tooltip Widget is “a work in progress.”

  • Tooltip maintains contrast requirements when in Windows High Contrast mode or with colors overridden to browser defaults.
  • Tooltips are aria-hidden so that they are discoverable only via the describedby reference.
  • Tooltips are associated with the trigger elements via aria-describedby.
  • Tooltip element has attribute role="tooltip".
  • If trigger element has focus, mousing out does not hide tooltip.
  • Escape key press while on a focused trigger element hides tooltip.
  • Tab off/blur, stop touching, or mouse out of trigger elements hides tooltip.
  • Focus, hover, or touch trigger elements displays tooltip.
  • Basic Tooltip Implementation Basic Tooltip Exampleĭemonstration mostly follows ARIA Authoring Practices guidance for tooltip widget and mirrors Example 4 from ARIA1 in WCAG 2 Sufficient Techniques.











    Tooltip accessibility screen reader