Accessible Mootools Widget Demo

Tooltips

These are tooltips on different elements.



Aegis Logo




How to use the Tooltip widget

A tooltip appears when focusing the trigger element by keyboard or hovering over it with the mouse. The tooltip can be hidden by pressing the Esc key

Accessibility changes made

  • Original Tooltip
  • Download accessible Tooltip
  • Added WAI ARIA role "tooltip" and WAI ARIA property "aria-describedby" and "aria-hidden".
  • Added keyboard navigation support
  • Removed table used to present the dialog frame
  • Added high visual contrast indicator.