俺が考えたアクセシビリティに考慮した最強のツールチップ - Qiita

アクセシビリティ素人がTooltipのアクセシビリティ、UXについて考えてみました。「俺が考えた最強のツールチップ」という妄言だと思って読んで頂ければ幸いです。 ツールチップとは そもそもツールチップとは、普段は隠れているものの、ポインターをホバーしたりキーボードフォーカスを当てると、補足情報を表示するコンポーネントです。ホバーアウトしたり、フォーカスが外れたりしたら自動的に閉じられます。 普段、様々なウェブサイトを使っていく中で、ツールチップは個人的に最もフラストレーションがたまるUI要素です。 そこで、自分が最も使いやすいと感じるツールチップについて書いてみます。 ベストプラクティス まずは世の中のベストプラクティスを調べてみます。 できればツールチップを使わずに、通常のテキストで書くべき ポインターをホバーしたり、キーボードフォーカスを当てると、ユーザーの明示的な指示なく表示する 明