【初心者必見!5分で学べる】ウェブアクセシビリティ対応サイト制作

【初心者必見!5分で学べる】ウェブアクセシビリティ対応サイト制作

「【初心者必見!5分で学べる】ウェブアクセシビリティ対応サイト制作」のヘッダー画像です

ウェブアクセシビリティとは?

ウェブアクセシビリティとは、障害の有無や年齢、利用環境にかかわらず、すべての人がウェブサイトやオンラインサービスにアクセスし、利用できることを指します。視覚障害者がスクリーンリーダーで情報を得たり、キーボード操作でサイトを利用するなど、多様な利用者が情報やサービスを平等に享受できるよう、技術やデザインを工夫することが求められます。これにより、情報のバリアを取り除き、誰もがアクセスしやすいウェブを実現します。

2024年現在のウェブアクセシビリティ規格「JIS X 8341-3:2016」は全部で61項目あり、達成基準は、適合レベルA、レベルAA、レベルAAAという3つのレベルで定められています。

アクセシビリティ
ユーザビリティ
  • アクセスしやすい
  • 利用しやすい
  • 安心しやすい
  • 満足しやすい

レベルAは

25項目

最低限のラインになります。このレベルを満たしていない場合、支援技術を用いても全くアクセスできなくなる場合があります。

レベルAAは

13項目

総務省・デジタル庁
推奨レベル

コンテンツを作成する際に目指すべき標準レベル。ユーザーが支援技術なしでも、ウェブサイトにアクセスできるようになるものが多くあります。

レベルAAAは

23項目

適合の最高レベル。しかし全てのコンテンツを満たすのが難しい場合もあるので、サイト全体でAAAの達成を目標としなくても問題ないレベルです。

義務化の背景とは?

ウェブアクセシビリティの義務化は、デジタルデバイドの解消とQOL向上のため障害者基本法や改正障害者差別解消法の施行に伴い進められました。特に2024年からは事業者による合理的配慮が義務化され、ウェブアクセシビリティの対応も含まれます。

インターネットへのアクセスが制限されることは、生活の質の低下に繋がりかねません。世界では、ウェブアクセシビリティの法的義務化が進んでいます。フランスでは罰則付きの基準を設け、アメリカでは訴訟増加と巨額賠償が問題となっています。日本も、2021年の障害者差別解消法改正により、民間事業者のウェブアクセシビリティ確保が法的義務となりました。2024年4月1日からの適用開始に伴い、企業は早急な対応が求められています。

右肩上がりの棒グラフ

アメリカの訴訟件数

2,291件増 (2018年から2023年)
右肩上がりの棒グラフ

アメリカの訴訟金額

約$5,000~20,000 (小規模企業の場合の和解金)
右肩上がりの棒グラフ

日本の公共機関の
実施・結果の公開状況

全体の43.6% (JIS X 8341-3:2016試験)
(令和5年11月時点)

放置しておくと発生するリスク

ウェブアクセシビリティの義務化は、デジタルデバイドの解消とQOL向上のため障害者基本法や改正障害者差別解消法の施行に伴い進められました。特に2024年からは事業者による合理的配慮が義務化され、ウェブアクセシビリティの対応も含まれます。

インターネットへのアクセスが制限されることは、生活の質の低下に繋がりかねません。世界では、ウェブアクセシビリティの法的義務化が進んでいます。フランスでは罰則付きの基準を設け、アメリカでは訴訟増加と巨額賠償が問題となっています。日本も、2021年の障害者差別解消法改正により、民間事業者のウェブアクセシビリティ確保が法的義務となりました。2024年4月1日からの適用開始に伴い、企業は早急な対応が求められています。

法的リスク

障害者差別解消法などの法規制に違反し、訴訟や罰則の対象となる可能性があります。

社会的リスク

障害者や高齢者が情報やサービスにアクセスできず、企業や機関の評判が損なわれる恐れがあります。

経済的リスク

障害者差別解消法などの法規制に違反し、訴訟や罰則の対象となる可能性があります。

倫理的リスク

障害者差別解消法などの法規制に違反し、訴訟や罰則の対象となる可能性があります。

対応することのメリット

法令遵守

合理的配慮は義務付けられており障害者差別解消法などの法律に適合し、法的リスクを回避できます。

広範な
利用者の
獲得

障害者や高齢者を含むすべての人々が利用可能となり、潜在的な顧客やユーザー層を広げることができます。

ユーザー
満足度
向上

社会的責任を果たしている企業や機関として評価され、ブランドイメージが向上します。

SEOへの
貢献

アクセシビリティの改善は検索エンジン最適化(SEO)にも貢献し、検索順位が向上する可能性があります。

アクセシビリティ配慮の適用例

「見出しの適切な使用」を表しているイメージ画像

見出しの適切な使用

「コントラスト比」を表しているイメージ画像

コントラスト比

「テキストのサイズ変更」を表しているイメージ画像

テキストのサイズ変更

「セマンティックなHTMLの使用」を表しているイメージ画像

セマンティックなHTMLの使用

「代替テキストの設定」を表しているイメージ画像

代替テキストの設定

「キーボード操作の対応」を表しているイメージ画像

キーボード操作の対応

「音声・映像の制御」を表しているイメージ画像

音声・映像の制御

一般的な制作フロー

一般的なWEBサイト制作時のフロー図です。受注から公開まで、「クライアント」「制作会社」間のやり取りについて記載しています。(1)サイトに関するご相談(2)制作会社より提案・打ち合わせの打診(3)予算の確認(4)お見積りのご提出(5)サイトに必要な原稿のご提出(6)デザイン制作(7)デザイン確認(8)コーディング(9)動作確認(10)サイト公開
【既存HPへの追加対応の場合】

改修の際の平均的な費用

(A4サイズ/50ページ想定)
改善サポート込み診断
150万円
(平均金額)
診断・改修コストを合算するプラスマークのアイコン
改修作業
300万円
(平均金額)
  • 診断にはどのように改善をすれば良いかのサポートも含みます。
  • アクセシビリティ基準のレベル(WCAG 2.1 AA)になります。その他の基準によって費用が変わります。
  • AAA準拠の際は要相談となります。
  • 既存コードのアクセシビリティ対応状況: 既存のコードがアクセシビリティ対応済みであれば、費用は抑えられます。
  • 必要な機能: 画像の代替テキスト追加、動画の字幕追加、キーボード操作対応など、必要な機能によって費用が変わります。
  • 専門業者への依頼: 外注する場合、専門業者によって費用が変わります。
アサヒコミュニケーションズが提供する

アクセシビリティ

ご要望に沿った契約

デザインだけコーディングまで
実装までなど領域は
お客様要望に合わせる

トータル支援

自社リソースで制作するので
その後のサポートも含めて
対応が早い

制作実績

企業ブランディングツールの
制作多数

専門知識

統合報告書などの
企業レポート制作ノウハウも充実!

アサヒの
4つの強み
ページの上部へ
閉じる 事例 事例を見る