「合理的配慮の提供義務化」目前。今からでも間に合う「ウェブアクセシビリティー」の話

いよいよ来月から改正障害者差別解消法が施行され、事業者による合理的配慮の提供が義務づけられます。

2024（令和６）年４月から「事業者による合理的配慮の提供」が義務化されます

 

改正法について解説している多くのサイトで、これに付随して紹介されているのが「ウェブアクセシビリティーの整備」についてです。

 

今さら聞けない「アクセシビリティー」ってどういう意味？

そもそも「Accessibility」という言葉は、「Access（近づく）」と「Ability（能力）」という二つの単語からできており、

「Accessibility」は「近づきやすい（状態）」「利用しやすい（状態）」という意味になります。

「ウェブアクセシビリティー」は、いわば

「ウェブサイトにおいて、あらゆるユーザーにとって使いやすい状態」

と言えるでしょう。

 

ウェブアクセシビリティーの実例

ここからは、「ウェブアクセシビリティとは？ 分かりやすくゼロから解説！ | 政府広報オンライン」」を元に、どのような点に留意してサイトを作っていけば良いかを見ていきます。

 

画像に代替テキストを付ける

以下の２枚の画像をご覧ください。

見える方には同じ画像が２枚並んでいるように見えていると思います。

ですが、主に視覚に障害がある方が使っている読み上げソフト（スクリーンリーダーとも言います）では、画像をそのままアップすると画像の情報をうまく読み上げてくれないことがあります。

そこで、アップするときに「代替テキスト」（Alt属性、単にAltとも言います）という、画像の内容をテキストにした物を入力しています。

先ほどの花の画像でいうと、

上の画像は代替テキストなし

下の画像は代替テキストあり（「ピンクのコチョウランの写真」というテキストが入っています）

です。

SNSで以下の表記を見たことはありませんか？

こちらはＸにアップされたものから抜粋しました。「Alt」（または「代替」）をクリックするとテキストが表示されます。

「Altチェック」で検索するとチェックツールがいろいろ見つかりますのでご参考ください。

 

背景色と文字色のコントラストを付ける

視覚障害者の中には、似たような色の違いを見分けるのが難しい障害を持つ方がいます。

そこで、背景色と文字色のコントラストをはっきりさせて文字を見やすくします。

下の２枚の画像には、どちらにも

「この画像はウェブアクセシビリティーを説明する資料として作成されました。」

と書かれています。

皆さんにはどちらが見やすいですか？

 

動画に字幕を付ける

まず、次の動画をご覧ください。

聞こえる方にはなんの問題もありませんが、聞こえない方にはただの鳥の動画で、音声の内容は分かりません。

そこで、こちらの動画に字幕を付けてみました。

字幕を付けることによって、動画の内容とナレーションにはなんの関連性もないことが目にも分かりやすくなったかと思います。

 

キーボードだけで操作できるようにする

肢体不自由者の中には、マウスやタッチパネルをうまく使えない方がいます。

そこで、ページ内の移動やリンクをキーボードの操作だけで完結できるようにします。

 

漢字にルビを振る、分かりやすい言葉に言い換える

日本語が不自由な方、読字障害（ディスレクシア）など、言葉の読み書きがあまり得意ではない方に向けて、

サイトに使われている漢字にルビを振ったり、比較的分かりやすい日本語に書き換えたりします。

画像はウェブアクセシビリティとは？ 分かりやすくゼロから解説！ | 政府広報オンラインのスクリーンショットですが、ページの右上に「ひらがなをつける」「やさしい日本語」のボタンがあり、

該当の箇所をクリックするとルビ付きの文章や書き換えた文章に変換されます。

「ウェブアクセシビリティとは？ 分かりやすくゼロから解説」のスクリーンショット。右上の「ひらがなをつける」のボタンをクリックすると……

本文にルビが振られます。元に戻したいときは右上の「ひらがなを消す」のボタンをクリックします。

 

同様に、右上の「やさしい日本語」のボタンをクリックすると……

分かりやすい日本語に書き換えられます。元に戻したいときは右上の「もとのページをみる」のボタンをクリックします。

 

 

 

ウェブアクセシビリティーの整備は、今回の改正法では義務化の対象にはなっていませんが、多くの人にとって使いやすいサイトが選ばれるようになるのは時代の潮流と言って良いでしょう。

これからサイトの作成をする方や運営していく立場の方は、常にいろいろな人からの意見を取り入れてより良いものを作っていく必要があります。

 

 

お時間のある方はこちらもどうぞ↓
過去のお知らせ記事一覧（１）
過去のお知らせ記事一覧（２）

 

すぽっとの最新情報を発信

スポットウォーキングさっぽろ公式Twitter
@spotwalking2012
https://twitter.com/spotwalking2012