サンプルサイトに見るウェブアクセシビリティの確保

上記図は、みんなのウェブ（別ウィンドウ・NHKを離れます）のウェブアクセシビリティサンプルサイトです。

左図OK、右図NGと示しましたが、どこが違うかお分かりになるでしょうか。

OKの図では基本的にテキストが主体で、画像には内容を補うテキストがついています。一方、NGの図では画像が多く使用されていますが、画像を補うテキストがありません。そのため、音声読み上げソフトの利用時には画像で表現している内容が割愛されることになり、結果として音声読み上げソフトのユーザーには何を伝えたいのか分からなくなってしまいます。


また、NGページを開くと、音声が自動再生されるのですが、聴覚障害者の方がスピーカーを付けていないパソコン環境でページを開いても、内容を理解できないという問題が発生します。
健常者であっても、突然の音声再生に驚いてしまうのではないかと思います。

ウェブサイト制作者は、ウェブアクセシビリティを意識して多くの利用シーンに対応する必要があります。

ハートネットもウェブアクセシビリティ対応準備中


以前のハートネットトップページがこちらです。

新しくウェブアクセシビリティを取り入れたトップページがこちらになります。

スクリーンショットだけでは伝わりづらいかもしれませんが、全体の幅が広くなり、一つ一つのブロックが大きく、読みやすくなっています。

4月以降、ウェブアクセシビリティを意識したページにバージョンUPしていきますので、少々お待ち下さい。
こちらのウェブサイトでは、ユーザーの方のアクセシビリティの確保に努めています。ウェブサイトの利用に際して、お気づきの点などがございましたら、是非ご指摘ください。みなさまの声を参考にしながら、ウェブサイトの改善に取り組んでまいります。（時間がかかる場合もありますが、地道に取り組んでいきます）

それでは！！