タグ

アイコンフォント

アイコンフォント、空の要素として置いて、そこをクリックしてメニューを出したり、マウスオーバーでヘルプとか出してしまいがち。それ実はアウトです的な話など。

参考資料

安全でアクセシブルなアイコン・フォント

アイコン・フォントがどのような場合にうまく動き、またうまく動かないのか、@font-faceがサポートされていない(またはフォントが読み込まれなかった)時にアイコン・フォントがどうなるのかや、このような問題にどう取り組んで安全な方法でアイコン・フォントを提供するのか。どうすれば安全に(bulletproofに)アイコン・フォントを利用できるか?

アイコンフォントのアクセシビリティ向上

「とても便利なアイコンフォントですが、ウェブアクセシビリティの観点で考えると、実装において若干の工夫が必要です。」これをやっておかないとアイコンのみボタンのときなどに意味が伝わらなくなるので要対応。

アイコンフォントか? SVG アイコンか?

「ユーザーがフォント設定をカスタマイズした場合などに、アイコンフォントが表示されない (いわゆる「豆腐」になったり、文字化けしたり、空白になったりする)。」という問題に対して考察。アイコンフォントが表示されないリスクは高いのか?