Web担トップ » Webのコト、教えてホシイの！ » 4月1日に改正法施行！ Webアクセシビリティ改善を進めるには、どうすればいいですか？植木真さんに聞いてきた

Webのコト、教えてホシイの！

4月1日に改正法施行！ Webアクセシビリティ改善を進めるには、どうすればいいですか？植木真さんに聞いてきた

2024年4月施行の「改正障害者差別解消法」で義務化されると誤解の多いWebアクセシビリティについて、正しい対応を伺った。

星井博文 2/16 7:00 UX／CX | マンガ/小説

26 103 30

Webのコト、教えてホシイの！

内藤「あれ星井さんのサイトデザイン変えました？」
↑Web担内藤さん
星井「２０２４年4月1日から民間企業でも「Ｗｅｂアクセシビリティが義務化」ってＤＭが来たんでＷｅｂアクセシビリティに対応したんです」
↑このマンガを描いている星井
内藤「アクセシビリティは義務化じゃないですよ」
星井「え」
四谷「まぁ対応するのは良いことですから」
↑Web担編集長・四谷さん
星井「いやいやいや業者に義務って言われて対応したんですよ
じゃあ義務化って何？」
四谷「よくわかりません」
星井「大丈夫っすか？」
四谷「それでは今回は障害者差別解消法の改正についてインフォアクシアの植木真さんに話を聞きに行きましょう！」

インフォアクシア植木真さん
植木「どうもご無沙汰しています」
星井「以前の回で「Ｗｅｂアクセシビリティ向上にいらない三種の神器」について教えていただきありがとうございました」
星井「植木さん…僕、Webサイトのアクセシビリティが義務化と聞いて対応しちゃいました…」
植木「素晴らしい！　グッジョブです！」
星井「けどＷｅｂアクセシビリティは義務じゃないって」
植木「泣かなくても…」
星井「だって！だって！だって！」
四谷「星井さんうるさいっ」

Webのコト、教えてホシイの！

Webアクセシビリティ対策って、何からやればいいんですか？／Webアクセシビリティのコンサルタントの植木真さんに聞いてきた

障害者のための最適化と思われがちなWebアクセシビリティ対策は、何から始めればいいのか？基準はあるのか？について聞いてきた。

内藤「まず２０２４年4月1日から民間企業でも「Ｗｅｂアクセシビリティ確保が義務化」とまことしやかに言われていますが本当ですか？」
植木「答えは…ちょっと違います
義務化されるのは合理的配慮の提供です
アクセシビリティ確保自体が義務化されるわけではありません」
合理的配慮の提供
星井「合理的配慮の提供って何ですか？」
植木「障害当事者から配慮を求められた場合
過重な負担じゃない限り要望に応える義務を負うということですね！」
星井「要望に応える義務って…？
もう少しわかりやすく教えてもらえますか…」

植木「例えば障害当事者から
このような配慮を求められたら
出来る限り対応しなければなりません」
窓口やカウンターで筆談してほしい（聴覚障害）
資料をデジタルデータで提供してほしい（視覚障害）
高い所に陳列された商品を取ってほしい（車椅子ユーザー）
介助者を同行・同席させてほしい
星井「どれももっともな要望ですね」
四谷「しかし実際対応してくれないことも多いんですよ」
植木「その通り日本は遅れています
２０１４年日本は「障害者の権利に関する条約」を批准しましたが条約批准に際して国内法を整備しなければならなかった
そこで「障害者差別解消法」という法律が２０１６年から施行され今回の改正で合理的配慮が事業者にも法的義務になります」

植木「Ｗｅｂアクセシビリティの改善も合理的配慮の一つにはなります」
星井「なるほど」
内藤「実際にＷｅｂサイトに対して要望って上がってくるものなんですか？
植木「２０１６年の施行後に要望が増えたという印象はないですね」
内藤「要望がないなら改善しないですよね」
星井「みんな満足しているならいいんじゃないですか？」
植木「実はそうじゃないんです」
内藤「え？」
植木「障害当事者の皆さんへのあるアンケートでは次のような声が上がってきました」
声を上げることに躊躇する
障害者差別解消法の存在を知らない
どこに言えばいいのか分からない
言っても無駄だから諦めている

内藤「なるほど声を上げやすい仕組みが伴わないから要望が来ないんですね」
植木「Webサイトに関しては
アメリカでは提訴件数が年間で４０００件を超えているんですが国民性の違いも背景にあるかもしれません」
四谷「障害者差別解消法対応としてＷｅｂ担当者がやらなくてはならないことは何ですか？」
植木「もとよりＷｅｂアクセシビリティ確保は「環境の整備」として努力義務です
日頃からアクセシビリティを高めておいた方がいいと思います」
星井「じゃあ僕のサイトでアクセシビリティ向上させたのは正解ってことですね」
植木「正解です！」

植木「そもそもアクセシビリティは法律に関係なく高めていくべきだと考えています」
内藤「え」
植木「現在日本の人口の半分は50代以上です
年齢と共に身体機能が低下しますし
細かな操作もしづらくなります」
星井「僕は最近老眼に」
四谷「私も動悸息切れが…」
植木「年齢に関係なく私たちの能力は様々です
障害がある人も使えれば全ての人にとってより使いやすくなりユーザビリティやUXの品質も向上します
そうすれば機会損失を回避してビジネスチャンスを最大化することができます」

四谷「ですがいきなり障害者差別解消法に対応するとしても何から手をつければいいかわからないですよね？
Ｗｅｂアクセシビリティ確保についてはどのように方針を立てて対応すべきでしょうか？」
植木「まずは前回も話したこの10項目を実践してください
少しアップデートしてあります」
1．見出しやリストなどの文章構造をマークアップする
2．情報を伝えている画像に代替テキストを提供する
3．文字色と背景色のコントラストを確保する
4．色の違いを知覚できなくても情報が伝わるようにする
5．ユーザーがコンテンツを拡大表示できるようにする
6．キーボードだけでも操作できるようにする
7．フォーカスインジケータを表示する
8．フォーム・コントロールのラベルを提供する
9．エラーメッセージではエラー箇所を明示する
10. 動画にキャプション（字幕）を提供する
四谷「上記の内容はＷｅｂ制作の基本ですね」
植木「でも出来ていないサイトが多いのです」
星井「僕にはさっぱりなんですが…」
内藤「星井さんのサイトは大丈夫です」
星井「え大丈夫？」
内藤「大丈夫です」

植木「もしより積極的にアクセシビリティ確保に取り組んでいくならこれらをオススメします」
「アクセシビリティ方針」を決めてサイトで公開する
「アクセシビリティ方針」のページには「こういう目標でアクセシビリティを高めていきます」と明記
「もしお気づきのことやお困りのことがあればお聞かせください」と問い合わせフォームへのリンクを置く
フォームから何か要望が届いたときはその都度迅速に対応する
星井「サイトに書かれていれば要望する敷居が低くなりますね」
植木「そうですね
また合理的配慮を求められた場合
対応手段はＷｅｂサイトの修正とはかぎりません」
星井「え
そうなんですか？」

植木「例えば電話やメールで必要な情報を提供したり
店舗やイベント会場など現地でサポートしたりする方法もありえます」
内藤「リアルでの対応でもいいんですね」
星井「Ｗｅｂアクセシビリティを確保したけどこれでいいのかって不安になったときは？」
植木「まずはセルフチェックをしてみましょう」
星井「セルフ？」
植木「例えばブラウザの拡張機能であるGoogleのlighthouseのようなツールを使えば無償で手軽にチェックすることができます
ただ機械的にチェックできるのはチェック項目全体の2割か3割
目視確認、操作性や読み上げのチェックは人間でしかできません
もし予算があれば第三者に診断してもらうのも手です
細かい指摘や改善のアドバイスももらえるのでオススメですよ」 — 参照：Google Lighthouse

星井「サイトの健康診断ができるツールは便利ですね」
植木「ただアクセシビリティオーバーレイというツールには気を付けてください」
四谷「なんですかそれは？」
植木「導入するとこれらの機能を追加することができるんです」
・読み上げ機能
・白黒反転
・文字サイズ拡大
・行間を広げる機能など
星井「めっちゃ便利じゃないですか！」
植木「しかしオーバーレイでは根本的な問題を解決できないのです
たとえばこのような問題があっても修正されません」
キーボードで操作できない
画像の代替テキストが適切ではない
画像の文字のコントラスト比が低い
動画に字幕が提供されていない
植木「「気をつけよう甘い言葉とオーバーレイ」です！」
星井「ありがとうございます…」
四谷「最後に読者に一言お願いします」

植木「改正法の施行を一つの良いキッカケにしてみませんか？
アクセシビリティを高めるコツは実はＷｅｂデザインやＨＴＭＬの基本を再確認することなのです
食わず嫌いはもったいなさすぎますよ！」
四谷「デジタル庁のウェブアクセシビリティ導入ガイドブックご存じですか？」
内藤「ダマされたと思って一度目を通してみてください！」
星井「ボクは間違ってなかったんだ
よかった…
けど紛らわしいＤＭを寄越した業者は許さんっ!!」 — 参照：デジタル庁「ウェブアクセシビリティ導入ガイドブック」

次回に続く

アクセシビリティ

この記事が役に立ったらシェア!103 30

※記事へのコメント機能は2021年11月をもって終了しました。編集部へのご連絡は、問い合わせフォーム・メール・Twitterなどをご利用ください。

Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

[SPONSOR]

株式会社日本レジストリサービス株式会社キノトロープ Sitecore 株式会社ミツエーリンクス株式会社電通デジタル株式会社サイズプライム・ストラテジー株式会社