安全でアクセシブルなアイコン・フォント
アイコンフォントの問題点と、安全な方法で提供する方法について解説された翻訳記事。フォントが読み込まれない場合、@font-face がサポートされていない古いブラウザの場合の話や、アクセシビリティに関してアイコンフォントが適切に動作しない場合の話などが紹介されている。
Webアクセシビリティの参考資料まとめ
アイコンフォントの問題点と、安全な方法で提供する方法について解説された翻訳記事。フォントが読み込まれない場合、@font-face がサポートされていない古いブラウザの場合の話や、アクセシビリティに関してアイコンフォントが適切に動作しない場合の話などが紹介されている。
アイコンフォントを利用していると、ディスレクシア向けの機能でフォントが置き換えられた場合にコンテンツが正しく表示されない問題が紹介されている。
「ユーザーがフォント設定をカスタマイズした場合などに、アイコンフォントが表示されない (いわゆる「豆腐」になったり、文字化けしたり、空白になったりする)。」という問題に対して考察。アイコンフォントが表示されないリスクは高いのか?
Font-Awesome を使いつつアクセシビリティを確保するコード例が紹介されている。