すなメモ

LINE証券を紹介するブログ、たまに節約ワザも紹介します。

視覚障がい者に配慮したホームページの作成について

視覚障がい者の方々は視覚障がい者用音声読み上げソフト(スクリーンリーダー)を使用してホームページを閲覧している場合があります。画像などは音声として、認識でっきない場合があるため、代替テキストを指定する必要があります。

長文になりすなりすぎると聞きてが認識するのが難しくなるため、短文で記載する

ことが重要です。(記載方法 alt="")

 

スクリーンリーダーで無料インストールされているものでNVDAというのものがあります。私もこの無料ソフトを使用していますので、試行されてみることをお勧めします。 

https://ja.osdn.net/projects/nvdajp/

 

視覚障がい者に配慮した設計にする方法はいくつかありますので、ご紹介します。

 

タイトルタグの設定について

 <head>
 <title>文書のタイトル</title>
 </head>

 

headタグ内に記載します。音声読み上げサイトにおいてはまず、このheadタグの

記載を読み上げます。SEOにおいてもheadタグは重要な意味があります。

お気に入りに入れる際の名前もこのtitileタグで指定したものが表示されます。

 

各ページにトップページへのリンクをつける