ARIA TOOLTIP

JavaScript

WAI ARIAを活用したユーザーフレンドリーなツールチップ実装「ARIA TOOLTIP」

ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリーなツールチップを実装できます。jQuery依存とのことです。圧縮版で6KBほどと、とても軽量なのがいいですね。WAI ARIA 1.1に準拠しています。オプションも多彩でカスタマイズ性も良好です。

多彩なポジションに対応

デモ

デモではさまざまなポジションに表示するツールチップを確認できます。テキストボックスや各ボタンにマウスオーバーすると、そこに設定されたツールチップが表示されます。

表示する位置はたくさんあり、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

関連記事

  1. slimMenu
  2. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  3. Rain & Water Effect Experiments
  4. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

  5. jQuery Hero Slider Plugin
  6. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP