ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリーなツールチップを実装できます。jQuery依存とのことです。圧縮版で6KBほどと、とても軽量なのがいいですね。WAI ARIA 1.1に準拠しています。オプションも多彩でカスタマイズ性も良好です。
多彩なポジションに対応
以下、ARIA TOOLTIPの実際のデモページになります。
デモではさまざまなポジションに表示するツールチップを確認できます。テキストボックスや各ボタンにマウスオーバーすると、そこに設定されたツールチップが表示されます。
表示する位置はたくさんあり、top、right、bottom、left、topStart、bottomStart、topEnd、bottomEnd、topRight、bottomRight、topLeft、bottomLeftがあります。
それぞれのポジションにあった吹き出しもついていて、シンプルながらも細部まで抜かりないツールチップに仕上がっている印象です。
またオプションには、position、offsetX、offsetY、openClass、modifierClass、cssTransitions、responsive、fadeSpeed、zIndex、autoPositionといった項目のセッティングができます。ちなみに、positionのデフォルト値はtopになります。
シンプルで見やすく、ユーザーフレンドリーでカスタマイズ性にも優れたWAI ARIA対応のツールチップを実装したい人は、ぜひチェックしてみてはいかがでしょうか？ ライセンスはMITとのこと。
ARIA TOOLTIPの具体的な使い方やダウンロードは、以下のページからどうぞ。
