Tooltips, Bootstrap and Screen Readers

SAFeSEA / openEssayist-slim

1 stars 3 forks source link

Tooltips, Bootstrap and Screen Readers #14

Open vanch3d opened 11 years ago

vanch3d commented 11 years ago

Bootstrap's tooltip are a good improvement on the defaut browser-dependent approach but are not suitable for screen readers. The framework removes the title attribute and replace it by its own (data-original-title), making screen readers unable to access the title attribute anymore.

adding ARIA tags (aria-label) is not recommended by specs, and override all textual information.
JQueryUI tooltips seem to be much better (and are handling ARIA properly)

vanch3d commented 11 years ago

JQueryUI and Boostrap will conflict. Need to use JQuery's widget bridge

    $.widget.bridge('uitooltip', $.ui.tooltip);
    $(document).uitooltip({  });