2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

はじめに

この記事はWebの基礎をおさらいカレンダー Advent Calendar 2022です。
このカレンダーでは、なんとなくわかった気になっている、Webの知識をおさらいするカレンダーです。
興味をもし持ってくださった方は、購読いただけると嬉しいです!

Webアクセシビリティとは

一言で言えば、誰でもがWebコンテンツを使えるようにすることです。
障害者に限った話ではありません。
もちろん、聴覚障害者向けにalt属性を付与するというのもアクセシビリティに配慮していると言えますが、
サイト表示が遅くて画像が表示できない人もalt属性の恩恵を受けます。

Webアクセシビリティに配慮するというのは、
すなわち、どんな人・どんな状況でもWebコンテンツの利便性が高い状態を担保することを意識すること
と言えるかと思います。
イメージとしてはユニバーサルデザインの考え方に近いのではと思います。

一つの基準になるガイドラインとしてはW3Cが定めたWCAGというものがあります。
2022年9月にWCAG 2.2として最新のガイドラインが規定されています。

測定ツール

おおよそのアクセシビリティチェックを行うために、ツールを利用するのが良いです。
chromeの開発者ツールを使えば、Lighthouseという項目から、測定することができます。

スクリーンショット 2022-12-25 21.23.11.png

ユーザー補助の箇所をチェックしましょう。
治した方が良いポイントも教えてくれます。

スクリーンショット 2022-12-25 21.24.31.png

おわりに

以上、Webアクセシビリティについてでした!

Webの基礎をおさらいカレンダー Advent Calendar 2022でした。
興味をもし持ってくださった方は、購読いただけると嬉しいです!

参考文献

ウェブアクセシビリティ導入ガイドブック

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?