最近はそれもちょっと面倒なので、自分のサイトではFont Awesomeを使う事が多くなってきました。CDN版だったらHTMLに1行追加するだけですぐ使えますし、デザインの好みはあるけれど主要なアイコンは大体揃っているので、サクッと作りたい時に非常に便利です。 Font Awesomeを使っていて思ったのですが、アイコンのソースコードの所にあまり見慣れない「area-hidden=”true”」という指定がありました。 特にこれを使用しなくても表示に問題は無いのですが、何のためにあるのか知らなかったので、少し調べてみました。 area-hidden=”true”とは、スクリーンリーダーの読み上げをスキップするための指定 area-hiddenプロパティについて調べてみると「WAI-AREA」で定められている仕様の1つであり、trueが指定してある場合、ブラウザにその要素が非表示であるという
![Font Awesomeでも使われている「area-hidden="true"」とはなんだろう | MONOCHROME DESIGN|東京杉並のフリーランスWEBデザイナー。WordPressホームページ/ウェブサイト制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b42392be0bea74768ba9d6625be2858189f86ea/height=288;version=1;width=512/https%3A%2F%2Fmonochrome-design.jp%2Fwp-content%2Fuploads%2F2016%2F05%2F235_00.png)