公開日 : 2014年8月28日 (2018年1月20日 更新) カテゴリー : アクセシビリティ ウェブデザインにおいて、アイコンを配置することは多いと思います。最近では、画像アイコン (.gif、jpg、.png など) ではなく、Font Awesome のようなアイコンフォントを用いるケースも増えてきました。 「アイコンフォント」の例 (Font Awesome) アイコンフォントには、画像アイコンよりも読み込みが速い、ベクターデータゆえに高解像度の画面でもきれいに表示できる (ピンチ&ズームしてもジャギーにならない)、手軽に実装できる (わざわざアイコンを作る必要がなく、豊富なアイコンから選択して所定のコードを埋め込むだけ)、といったメリットがあります。このように、とても便利なアイコンフォントですが、ウェブアクセシビリティの観点で考えると、実装において若干の工夫が必要です。 代替
![アイコンフォントのアクセシビリティ向上 | Accessible & Usable](https://cdn-ak-scissors.b.st-hatena.com/image/square/33c293218e91984c05036d58a963276aa28d46b6/height=288;version=1;width=512/https%3A%2F%2Faccessible-usable.net%2Fimages%2Faccessible-usable_twitter_card.png)