これから取り組むWebアクセシビリティ

これでわかる︕
ウェブアクセシビリティって︖
JIS X 8341-3って︖
公共啓発プロジェクト リーダー
株式会社フューチャーイン 内木 英一

ウェブアクセシビリティって︖
アクセシビリティの考えかた

アクセシビリティとはAccess（アクセス）＋Ability（アビリティ）
 接続する 〇〇できる。

 利用する「利用者が機器・サービスを円滑に利用できるしやすさ」

アクセシビリティの高い事例（水道栓）回す（ひねる）押す

アクセシビリティの高い事例︖

スロープバリアフリー と アクセシビリティの違い
バリアフリーBarrier（障壁）＋ Free（取り除く）
 半和製英語 すでに存在しているバリア（障壁）を取り除くこと。

 障害を持っている方のために実施するイメージが強い。

アクセシビリティは多様な人々(全ての利用者)が円滑に利用できることを考えて設計・構築すること

ウェブアクセシビリティとはウェブのアクセシビリティを言い表す言葉がウェブアクセシビリティです。具体的にはウェブページにある情報や機能の利用しやすさを意味します。
さまざまな利用者が、さまざまなデバイスを使い、さまざまな状況でウェブを使うようになった今、あらゆるウェブコンテンツにとって、ウェブアクセシビリティは必要不可欠な品質と言えます。
ウェブアクセシビリティとは（ウェブアクセシビリティ基盤委員会）
https://waic.jp/knowledge/accessibility/高齢者のインターネット利用状況▼世代別インターネット利用現状

入れ替え

60代で約86% 70代で約65%がインターネットを活用
令和４年通信利用動向調査（総務省）
https://www.soumu.go.jp/johotsusintokei/statistics/data/230529_1.pdf

障害のある方のインターネット利用状況
平成24年(2012年)の調査で、多くの方が利用している。
▼障害別インターネット利用の現状
利用している

利用していない

視覚障がい

91.7％

8.3％

聴覚障がい

93.4%

6.6％

肢体不自由

82.7％

17.3％

知的障がい

46.9％

53.0%

障害のある方々のインターネット等の利用に関する調査研究（総務省）

https://www.soumu.go.jp/iicp/chousakenkyu/data/research/survey/telecom/2012/disabilities2012.pdf

視覚障害者（全盲）のウェブページ利用方法

総務省｜情報バリアフリー環境の整備｜障害者のウェブページ利用方法の紹介ビデオ
http://www.soumu.go.jp/menu_news/s-news/2005/051215_1_wmv.html

視覚障害者（弱視）のウェブページ利用方法

総務省｜情報バリアフリー環境の整備｜障害者のウェブページ利用方法の紹介ビデオ
http://www.soumu.go.jp/menu_news/s-news/2005/051215_1_wmv.html

利用者体験（UX）の土台となる７つの要素満足するための7つの要素

Evaluation method of UX “The User Experience Honeycomb” ー bookslope blog
http://www.bookslope.jp/blog/2012/07/evaluationuxhoneycomb.html

もしウェブサイトにアクセスできないと・・
公的機関のウェブサイトは
 住民に行政サービスを平等に提供できない
 災害などの緊急時に必要な情報提供ができない 法的責任を問われる可能性もある障害者差別解消法に関する基本方針
法は、不特定多数の障害者を主な対象として行われる事前的改善措置（いわゆるバリアフリー法に基づく公共施設や交通機関におけるバリアフリー化、意思表示やコミュニケーションを支援するためのサービス・介助者等の人的支援、障害者による円滑な情報の取得・利用・発信のための情報アクセシビリティの向上等）については、個別の場面において、個々の障害者に対して行われる合理的配慮を的確に行うための環境の整備として実施に努めることとしている。新しい技術開発が環境の整備に係る投資負担の軽減をもたらすこともあることから、技術進歩の動向を踏まえた取組が期待される。また、環境の整備には、ハード面のみならず、職員に対する研修等のソフト面の対応も含まれることが重要である。
障害を理由とする差別の解消の推進に関する基本方針（内閣府）

https://www8.cao.go.jp/shougai/suishin/sabekai/kihonhoushin/honbun.html

改正
名古屋市も入れるJIS X 8341-3って︖
ウェブコンテンツの品質基準

JIS X 8341-3:2016（日本産業規格）
高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブ コンテンツ「8341 = やさしい」適用範囲
この規格は、高齢者及び障害のある人を含む全ての利用者が、使用している端末、ウェブブラウザ、支援技術などに関係なく利用することができるように、ウェブコンテンツが確保すべきアクセシビリティの基準について規定する。
JIS X 8341-3:2016「0A 適用範囲」

達成基準（満たすべき品質基準）
1.4.2 音声の制御
ウェブページ上にある音声が自動的に再生され、その音声が３秒より長く続く場合、その音声を一時停止もしくは停止するメカニズム、又はシステム全体の音声レベルに影響を与えずに音量レベルを調整できるメカニズムのいずれかを提供する。

JIS X 8341-3 は61の達成基準 で構成されています

61の達成基準の例
 ページの内容が分かるページタイトルを記述する
 見出しやリストなどの文書構造をマークアップする リンク先が分かるリンクテキストにする 情報を伝えている画像の代替テキストを提供する
 文字色と背景色のコントラストを十分に確保する キーボードだけで操作できるようにする フォーム・コントロールのラベルをマークアップする 色の違いが分からなくても理解できるように情報を提供する

3つのレベル、61の達成基準
 レベル A

25の達成基準

重要度(高)▲ アクセシビリティ確保に最低限必要なレベル
 レベル AA13の達成基準▲ 諸外国で公的機関に要求されているレベル

 レベル AAA

23の達成基準▲ 特定のコンテンツにしか適用できない事項を含む▲ レベルAAAを目標とすることは推奨されていない

重要度(低)

3つのレベル、61の達成基準
 レベル A

25の達成基準

重要度(高)▲ アクセシビリティ確保に最低限必要なレベル
 レベル AA13の達成基準▲ 諸外国で公的機関に要求されているレベル
公的機関に求められるレベル
 レベル AAA

23の達成基準▲ 特定のコンテンツにしか適用できない事項を含む▲ レベルAAAを目標とすることは推奨されていない

重要度(低)

JIS X 8341-3:2016達成基準早見表(レベルA & AA)
https://waic.jp/resource/jis-x-8341-3-2016/

JIS X 8341-3:2016達成基準早見表(レベルA & AA)
https://waic.jp/resource/jis-x-8341-3-2016/

「非干渉」を含む達成基準 確認のポイント
 1.4.2

音声の制御▲ 音が自動的に流れていないか。
 2.1.2

キーボードトラップなし▲ キーボードだけで操作ができるか。
 2.2.2

一時停止、停止及び非表示▲ 画面の中で常に動いている箇所がないか。
 2.3.1

3回の閃光。又は閾値以下▲ 光感受性てんかんを引き起こす恐れがないか国際規格 と JIS X 8341-3
国際規格との関係

海外のアクセシビリティ規格

WCAG 2.0
ウェブアクセシビリティの事実上の国際標準

ISO/IEC 40500:2012
国際規格WCAG 2.0
ウェブアクセシビリティ基盤委員会では、各種文書の翻訳を行い公開を行っております。
ウェブ・コンテンツ・アクセシビリティ・ガイドライン（WCAG）2.0

https://waic.jp/translations/WCAG20/Overview.html

WCAG 2.0 解説書

https://waic.jp/translations/UNDERSTANDING-WCAG20/Overview.html

WCAG 2.0 達成方法集

https://waic.jp/translations/WCAG-TECHS/Overview.html

WCAG 2.0 → WCAG 2.1(2018年勧告)
ウェブアクセシビリティ基盤委員会では、各種文書の翻訳を行い公開を行っております。
ウェブ・コンテンツ・アクセシビリティ・ガイドライン（WCAG）2.1

https://waic.jp/translations/WCAG21/

WCAG 2.1 解説書

https://waic.jp/translations/WCAG21/Understanding/

WCAG 2.1 達成方法集

https://waic.jp/translations/WCAG21/Techniques/

WCAG 2.1 → WCAG 2.2(2023年10月勧告)
ウェブアクセシビリティ基盤委員会では、WCAG 2.2をベースに JIS X 8341-3 の改正を検討中です。

レベルA AAは38の達成基準 から55の達成基準へ？？

ウェブアクセシビリティ関連文書
導入ガイドブックと運用ガイドライン

デジタル庁
ウェブアクセシビリティ導入ガイドブック
ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイド
ブック

https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook

総務省
みんなの公共サイト運用ガイドライン
公的機関がウェブアクセシビリティの確保・維持・向上に取り組む際の取組の支援を目的として総務省が作成した手順書
公的機関は適合レベルAAに準拠することを目標とする。

https://www.soumu.go.jp/main_sosiki/joho_tsusin/b_free/guideline.html

関連文書と運用ガイドラインの関係

運用ガイドライン
P14

対応ガイドラインが求める取組
 ウェブアクセシビリティ方針を策定・公開する 提供するウェブサイト等において、

JIS X 8341-3の適合レベルAAに準拠する（試験の実施・公開）

 1年に1回「取組確認・評価表」を公開する※継続的な実行と運用を求める。

運用ガイドライン
P44-P61

運用ガイドライン
P62-P119運用ガイドライン
P120-P130

WAICが作成・公開している各種ガイドライン
ウェブアクセシビリティ方針の策定と公開


ウェブアクセシビリティ方針策定ガイドライン
https://waic.jp/docs/jis2016/accessibility-plan-guidelines/201604/



ウェブコンテンツのJIS X 8341-3:2016 対応度表記ガイドライン
https://waic.jp/docs/jis2016/compliance-guidelines/201603/

アクセシブルなウェブコンテンツの制作

ウェブ・コンテンツ・アクセシビリティ・ガイドライン（WCAG）2.0
https://waic.jp/docs/WCAG20/Overview.html

WCAG 2.0 解説書
https://waic.jp/docs/UNDERSTANDING-WCAG20/Overview.html

試験の実施と結果の公開JIS X 8341-3:2016 試験実施ガイドライン
https://waic.jp/docs/jis2016/accessibility-plan-guidelines/201604/



ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン
https://waic.jp/docs/jis2016/compliance-guidelines/201603/

みんなの公共サイト
運用ガイドライン
P44-P61

みんなの公共サイト
運用ガイドライン
P83-P96

みんなの公共サイト
運用ガイドライン
P112

対応発注ガイドライン
好ましくない 仕様書記載例
 アクセシビリティに配慮して構築すること。

構築後は試験を実施すること。

仕様書には「適合レベル及び対応度」「達成基準」「対象範囲」「技術」「確認(試験方法)」「成果物」を明記することをお勧めします。
対応発注ガイドライン
https://waic.jp/docs/jis2016/order-guidelines/

推奨する仕様書記載例
適合レベル及び対応度
JIS X 8341-3:2016のレベルAAに準拠すること。
本仕様書における「準拠」という表記は、情報通信アクセス協議会ウェブアクセ
シビリティ基盤委員会「ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン 2021年4月版」で定められた表記による。

対象範囲
本ウェブサイトのウェブアクセシビリティ方針における対象範囲は以下の内容とする予定である。○○市のウェブサイト（https://www.example.lg.jp/）。



試験の実施
納品前にJIS X 8341-3:2016に基づく試験を実施する。受注者は試験結果について発注者に説明を行い、その了承を得ること。
試験の実施においては、ツールによる判定だけでなく、ウェブコンテンツのアクセシビリティを適切に評価できる知識を持つ者による判断も行うこと。

miChecker（評価ツールによる診断）
ウェブアクセシビリティ対応の取組を支援するために、総務省が開発し、提供するアクセシビリティ評価ツールです。

注意点

ウェブアクセシビリティの診断には、人の判断により検証すべき事項が多数あります。JIS X 8341-3:2016に基づく検証はツールによる診断のみで行えるものではありません。
miChecker（総務省）
https://www.soumu.go.jp/main_sosiki/joho_tsusin/b_free/michecker.html

まとめ 「アクセシビリティ」とは高齢者や障害者のためだけではない ウェブアクセシビリティのガイドラインが

JIS X 8341－3

 公的機関はレベルA

レベルAA 38の達成基準を満たしたサイト構築・運用が求められている

 総務省・デジタル庁・ウェブアクセシビリティ基盤委員会ではアクセシビリティに配慮されたウェブサイトの実現のために各種文書の公開を行っている

事前質問の回答
回答者

アライド・ブレインズ株式会社

大久保

回答者

株式会社フューチャーイン

内木

回答者

LINEヤフー株式会社

中野