- How do I access tooltip on keyboard?
- What are the accessibility rules for tooltips?
- How much text does a tooltip use?
- Should screen readers read tooltips?
How do I access tooltip on keyboard?
The tooltip widget can shown via keyboard focus or by the onmouse event. The tooltip widget can be hidden by removing focus from the text box or by moving the mouse off the textbox. The tooltip widget can be hidden by pressing the Escape key. The tooltip is only hidden via JavaScript and CSS selectors.
What are the accessibility rules for tooltips?
The accessibility requirements of tooltips. Tooltips must be discoverable and readable with a mouse, other pointer devices, keyboard, screen reader, zoom software, and any other assistive technology. They should provide relevant information that may be helpful to learn the UI, but is not required to operate it.
How much text does a tooltip use?
A tooltip text should be short, no longer than 140 characters. However, the length of the text can also depend on the positioning of the tooltip.
Should screen readers read tooltips?
The tooltip must be operable using both keyboard only and screen readers (with a reasonable interplay of default keys like Tab , Enter / Space , Esc , Arrow keys), as well as mobile screen readers: Simple tooltips should be displayed automatically.