Webアクセシビリティの向上について

2021 年 9 月 28 日 by mishi

Webサイトの構造・機能・デザインは、日々、目に見えて向上しています。

構造・機能・デザインが向上すれば、Webアクセシビリティも向上しますが、その恩恵は若者の健常者が受ける部分が多く、

高齢者や子供、障害者の方々にはわかりづらいこともあります。

これは、Webユーザビリティの位置付けに近くなってしまいます。

https://mynavi-creator.jp/blog/article/web-accessibility-for-web-designer

そのため、少しですが、Webアクセシビリティ向上に使える情報を紹介します。


Webアクセシビリティはその基準指標が以下に明示されているので、この指標に合わせて、調整していきます。

https://waic.jp/docs/WCAG21/

指標にあっているかのチェックツールも用意されています。

  1. カラー・コントラスト・アナライザー

https://weba11y.jp/tools/cca/

前景色と背景色のコントラストをチェックすることができます。

また、色覚の違いによる見え方をシミュレーションすることもできます。

  1. Lighthouse

https://service.plan-b.co.jp/blog/seo/10123/

HTMLの構造が正しいかをチェックすることができます。

HTMLでは、WAI-ARIAの規則に従っていることが重要になります。

https://momdo.github.io/wai-aria-1.2/

これらのツールも活用して、Webアクセシビリティの向上を検討いただいてはいかがでしょうか。

タグ: , , ,

TrackBack