「アクセシビリティの確保」の真の目的と、その達成のために必要な事

営業Group 営業企画支援Team
原口正くろーど
06-6448-8447
seiclaude.hraguchi@g.smartvalue.ad.jp
公共クラウド Division
「アクセシビリティの確保」の真の目的と、
その達成のために必要な事

Copyright 2015 Smartvalue Co.,Ltd. All rights reserved.
/682
簡単に自己紹介を
公共クラウドDivision 営業Group 営業企画支援Team

/683
株式会社スマートバリューに勤務しております
■本社所在地
大阪市西区靭本町2丁目3番2号
■東京事業所
東京都港区芝4丁目4番20号
■データセンター
大阪府大阪市浪速区
■モバイルショップ
大阪府堺市内6店舗
■経営体制
代表取締役会長渋谷一正
代表取締役社長渋谷順
■創業
1928年（昭和3年）10月
■設立
1947年（昭和22年）6月
■従業員数
257名（2014年7月1日現在）平均年齢33歳

/68公共クラウドDivision 営業Group 営業企画支援Team 4
事業方針など
弊社は「社会課題をクラウドサービスで解決する企業」です。
都市型データセンターを基盤とし地域における防災・防犯などの安心安全を担う住民情報サービスや、交通事故の
削減を目指すテレマティクスサービスなど幅広く社会に貢献するサービスを提供して参ります。
地域情報クラウド事業
では、主に公共自治体様
向けに広報広聴・防災・
防犯・子育て・就労・観光情
報など地域課題解決に
向けたクラウドソリューション
のご提案、
サービス導入、保守、運用
までを手がけております。

/68公共クラウドDivision 営業Group 営業企画支援Team 5
所属部署について
弊社地域情報クラウドプラットフォーム弊社地域情報クラウドプラットフォーム弊社地域情報クラウドプラットフォーム弊社地域情報クラウドプラットフォーム
WEBWEBWEBWEBサイトサイトサイトサイト
キャリアキャリアキャリアキャリア
メールメールメールメール
SNSSNSSNSSNS アプリアプリアプリアプリ地図地図地図地図・・・・・・・・・・・・
広報広報広報広報防災防災防災防災
子育て子育て子育て子育て環境環境環境環境
観光観光観光観光教育教育教育教育
市民協働市民協働市民協働市民協働まちづくりまちづくりまちづくりまちづくり
行
政
住
民
インターネットを通じて得た情報により、ひとりひとりが毎日の暮らしを自分たちでより良くでインターネットを通じて得た情報により、ひとりひとりが毎日の暮らしを自分たちでより良くでインターネットを通じて得た情報により、ひとりひとりが毎日の暮らしを自分たちでより良くでインターネットを通じて得た情報により、ひとりひとりが毎日の暮らしを自分たちでより良くで
きる。行政と地域・住民のコミュニケーションを円滑にするクラウドソリューションを提供すべくきる。行政と地域・住民のコミュニケーションを円滑にするクラウドソリューションを提供すべくきる。行政と地域・住民のコミュニケーションを円滑にするクラウドソリューションを提供すべくきる。行政と地域・住民のコミュニケーションを円滑にするクラウドソリューションを提供すべく
日々活動しております。日々活動しております。日々活動しております。日々活動しております。

/686
アクセシビリティを考える前に、
公共の情報発信の今昔を振り返ります

/687公共クラウドDivision 営業Group 営業企画支援Team
文明開化以前

『東京三十六景日本橋御高札』歌川広重
明治新政府の法令
太政官高札～五榜の掲示～
掲示する

現在

掲示する（再）
http://syozo-ida.cocolog-nifty.com/matango/2005/08/post_ee48.html

公的機関からの情報発信の手段・形態

先ほどの話は、ちょっと置いといて。
少しだけ、予備知識として

平成24年情報通信白書図表2-2-1-1
世界の携帯電話販売台数に占めるスマートフォンの販売台数の推移（推計）
移動通信トラヒックにおけるスマートフォンのトラヒックの状況
新しいデバイスの台頭

世界の携帯電話販売台数に占めるスマートフォンの販売台数の推移（推計）
移動通信トラヒックにおけるスマートフォンのトラヒックの状況
携帯電話シェアの
約半数は
スマートフォン
通信量の
八割までが
スマートフォンの
パケット
新しいデバイスの台頭

平成24年情報通信白書図表2-2-3-8 サービス別利用動向の端末別比較
サービス別にみた動向

平成24年情報通信白書図表2-2-3-8 サービス別利用動向の端末別比較
新しい情報の取得と新しい情報の取得と新しい情報の取得と新しい情報の取得とSNSSNSSNSSNS利用はスマートフォンの方が利用はスマートフォンの方が利用はスマートフォンの方が利用はスマートフォンの方が
既にパソコンよりも多く使われている既にパソコンよりも多く使われている既にパソコンよりも多く使われている既にパソコンよりも多く使われている
サービス別にみた動向

ここから、本題です

このお話、ご存知ですか？

鶴と狐のご馳走
意地悪好きの狐が鶴に「ご馳走するからいらっしゃい」と招待し、やって来た鶴にわざと『平たい皿に入れたスープ』を差し出
す。鶴はクチバシが長いため飲めない。それを見ながら狐はおいしそうにスープを飲む。
しばらく後、鶴は狐に「先日はご馳走をありがとう、今度は私がご馳走するからいらっしゃい」と言って、訪れた狐に
『細長い口の壷に入れた肉』を差し出す。狐はクチバシがないのでそれを食べられない。それを見ながら鶴はおいしそうにク
チバシで中の肉をつまんで食べる。

まず、そもそも、「アクセシビリティ」とは？

アクセシビリティの定義
広義でのアクセシビリティとは
高齢者・障害者を含む誰もが、さまざまな製品や建物やサービスなどを支障なく利用できるか
どうか、あるいはその度合のこと。
例えば、市役所入口の「スロープによるアプローチ」や、「シャンプーのボ
トルにあるデコボコ」、「牛乳パックの切り欠き」、「イラストで書いたIKEA
の説明書」など、「さまざまな製品や建物・サービス」についてその対応
がされています。

ものすごく簡単に言うと

アクセシビリティの定義、再び
狭義でのアクセシビリティとは
ウェブページにおけるアクセシビリティは、そのウェブページが、高齢者や障害者も含めた誰
もが情報を取得・発信できる柔軟性に富んでいて、アクセスした誰もが同様に情報を共有で
きる状態にあること（あるいはその度合い）を意味する。
年齢性別障碍の有無に関わらずコミュニケーション情報（視力・聴力・発
声）障害や自力移動運動障害による情報格差（デバイド）を軽減し、等
しくWEBサイトを通じて情報の取得ができるように配慮されていること。
公共サイトにおいては、情報取得機会の均等性確保を担う情報保障上
「情報のバリアフリー」として重要な概念となる。

なぜ、アクセシビリティを高めなくてはいけないのか？

そこには、大きく3つの理由があります

1.様々な法令に定められているから
2.将来の自分のために
3.データの標準化による
データ可用性の「超」向上のために

理由1：様々な法令などに定められている

障害者基本法第二十二条
昭和45年5月21日法律第84号平成16年/平成23年改正
（情報の利用におけるバリアフリー化等）
第二十二条
国及び地方公共団体は、障害者が円滑に情報を取得し及び利用し、その意思を表示し、並びに他人との意思疎通を図
ることができるようにするため、障害者が利用しやすい電子計算機及びその関連装置その他情報通信機器の普及、電
気通信及び放送の役務の利用に関する障害者の利便の増進、障害者に対して情報を提供する施設の整備、障害者の
意思疎通を仲介する者の養成及び派遣等が図られるよう必要な施策を講じなければならない。
２国及び地方公共団体は、災害その他非常の事態の場合に障害者に対しその安全を確保するため必要な情報が迅
速かつ的確に伝えられるよう必要な施策を講ずるものとするほか、行政の情報化及び公共分野における情報通信技術
の活用の推進に当たつては、障害者の利用の便宜が図られるよう特に配慮しなければならない。
３電気通信及び放送その他の情報の提供に係る役務の提供並びに電子計算機及びその関連装置その他情報通信
機器の製造等を行う事業者は、当該役務の提供又は当該機器の製造等に当たつては、障害者の利用の便宜を図るよ
う努めなければならない。
自治体サイトがアクセシビリティを考慮しないといけない理由

工業標準化法第六章
昭和24年6月1日法律第185号
（日本工業規格の尊重）
第六十七条国及び地方公共団体は国及び地方公共団体は国及び地方公共団体は国及び地方公共団体は、鉱工業に関する技術上の基準を定めるとき、その買い入れる鉱工業品に関す
る仕様を定めるときその他その事務を処理するに当たつて第二条各号に掲げる事項に関し一定の基準を定めるときは、
日本工業規格を尊重してこれをしなければならない日本工業規格を尊重してこれをしなければならない日本工業規格を尊重してこれをしなければならない日本工業規格を尊重してこれをしなければならない。

行政情報の電子的提供に関する基本的考え方（指針）
2004年（平成16年）11月12日各府省情報化統括責任者（CIO）連絡会議決定）
３提供情報のわかりやすさと利便性の向上等
(1) 高齢者・障害者にも利用しやすいものとするため、ウェブコンテンツ（掲載情報）に関する日本工業規格（JIS X
8341-3）を踏まえ、各府省は、コンテンツを同規格に沿ったものとするため、必要な修正及び作成を行う。
(2) 政府全体として統一性があり､分かりやすい情報の提供を行うた

新電子自治体推進指針
平成19年3月20日総務省
（５）住民への分かりやすい情報提供と行政の透明性拡大
目標：住民の視点からホームページを刷新・改善することにより住民への分かりやすい情報提供や行政の透明性の拡大目標：住民の視点からホームページを刷新・改善することにより住民への分かりやすい情報提供や行政の透明性の拡大目標：住民の視点からホームページを刷新・改善することにより住民への分かりやすい情報提供や行政の透明性の拡大目標：住民の視点からホームページを刷新・改善することにより住民への分かりやすい情報提供や行政の透明性の拡大
を推進する。を推進する。を推進する。を推進する。
【【【【地方公共団体に期待される取組地方公共団体に期待される取組地方公共団体に期待される取組地方公共団体に期待される取組】】】】
①①①①ホームページの刷新・改善ホームページの刷新・改善ホームページの刷新・改善ホームページの刷新・改善
・・・・住民の視点でホームページを評価・診断し、内容の充実、使いやすさの向上を図る。住民の視点でホームページを評価・診断し、内容の充実、使いやすさの向上を図る。住民の視点でホームページを評価・診断し、内容の充実、使いやすさの向上を図る。住民の視点でホームページを評価・診断し、内容の充実、使いやすさの向上を図る。
・・・・携帯電話からのアクセスへの対応など機能を充実する。携帯電話からのアクセスへの対応など機能を充実する。携帯電話からのアクセスへの対応など機能を充実する。携帯電話からのアクセスへの対応など機能を充実する。
・・・・高齢者や障害者といった、ホームページの利用に何らかの制約があったり利用に不慣れな人々を含めて、誰もがホー高齢者や障害者といった、ホームページの利用に何らかの制約があったり利用に不慣れな人々を含めて、誰もがホー高齢者や障害者といった、ホームページの利用に何らかの制約があったり利用に不慣れな人々を含めて、誰もがホー高齢者や障害者といった、ホームページの利用に何らかの制約があったり利用に不慣れな人々を含めて、誰もがホー
ムページ等で提供される情報や機能を支障なく利用できるようウェブアクセシビリティを向上する。ムページ等で提供される情報や機能を支障なく利用できるようウェブアクセシビリティを向上する。ムページ等で提供される情報や機能を支障なく利用できるようウェブアクセシビリティを向上する。ムページ等で提供される情報や機能を支障なく利用できるようウェブアクセシビリティを向上する。

電子政府ユーザビリティガイドライン
2009年（平成21年）7月1日各府省情報化統括責任者（CIO）連絡会議決定
2.2. 設計
(1) ユーザビリティ対応標準、アクセシビリティ対応標準の準備アクセシビリティ対応標準の準備アクセシビリティ対応標準の準備アクセシビリティ対応標準の準備
発注者は、設計・開発事業者に対してユーザビリティ対応標準（設計・開発段階において、ユーザビリティ確保のために
守るべき規約、基準等を具体的に定めたもの）、アクセシビリティ対応標準の提出を指示する。
発注者は、このユーザビリティ対応標準と仕様書（確定版）との整合性を確認し、設計・開発事業者に対して必要に応じ
てユーザビリティ対応標準の修正を指示する。また、アクセシビリティ対応標準が日本工業規格日本工業規格日本工業規格日本工業規格JIS X8341JIS X8341JIS X8341JIS X8341シリーズ、
ISO/IECガイド71、「みんなの公共サイト運用モデル（総務省）」「みんなの公共サイト運用モデル（総務省）」「みんなの公共サイト運用モデル（総務省）」「みんなの公共サイト運用モデル（総務省）」に準拠していることを確認し、設計・開発事業者に対して
必要に応じてアクセシビリティ対応標準の修正を指示する。
ただし、仕様書（確定版）の中で、ユーザビリティ対応標準、アクセシビリティ対応標準を明示している場合は、設計・開発
事業者に対してこれらの提出を指示する必要はない。

みんなの公共サイト運用モデル
2010 年度改定
運用モデルで示された目安
• 既に提供しているホームページ等
• 2012 年度末まで「ウェブアクセシビリティ方針」策定・公開
• 2013 年度末まで JIS X 8341JIS X 8341JIS X 8341JIS X 8341----3:20103:20103:20103:2010 の等級の等級の等級の等級 AAAA に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）
• 2014 年度末まで JIS X 8341JIS X 8341JIS X 8341JIS X 8341----3:20103:20103:20103:2010 の等級の等級の等級の等級 AAAAAAAA に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）
• ホームページ等を新規構築する場合
• 構築前に「ウェブアクセシビリティ方針」策定
• 構築時に JIS X 8341JIS X 8341JIS X 8341JIS X 8341----3:20103:20103:20103:2010 の等級の等級の等級の等級 AAAAAAAA に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）に準拠（試験結果の公開）

ここで、たびたび出てきた「JIS X8341-3」とは？

JIS X 8341-3：2010とは
JIS X 8341-3:2010高齢者・障害者等配慮設計指針
情報通信における機器、ソフトウェア及びサービス—第３部：ウェブコンテンツ
厳密に規定された、「アクセシビリテイ」の基準
総務省提唱による主に高齢者，障害のある人及び一時的な障害のある人がウェブコンテン
ツを利用するときに，情報アクセシビリティを確保し，向上させるために，ウェブコンテンツを
企画，設計，制作・開発，検証及び保守・運用するときに配慮すべき事項について規定。
ウェブアクセシビリティ配慮に3段階のレベル（「達成等級」と呼ばれる）が設けられます。最も
優先すべき配慮がAとなっており、その上位のレベルとしてAA、さらに上位のレベルとして
AAAが用意されます。
この3段階の達成等級には、それぞれの等級において対応すべき項目（改正後は「達成基
準」と呼ばれる）が用意されます。達成基準は合計で61項目あります。

理由2：将来の自分のために

ここで、みなさんに質問です
20代 30代 40代 50代 60代

年をとると、衰えます

年をとると、視覚は確実に衰えます
糖尿病性網膜症
・約740万人※1に糖尿病が強く疑われ、糖尿病網膜症患者はその13.1% ※1
・中途失明の原因第1位※2
・年間3000人が視覚障害に※3
※1 平成14年度糖尿病実態調査報告（厚生労働省）
http://www.mhlw.go.jp/shingi/2004/03/s0318-15.html (2009年9月10日)
※2 「わが国における視覚障害の現状」東京女子医科大学北野滋彦教授
http://www.dm-net.co.jp/twmu/news/094.htm (2009年9月10日)
※3 糖尿病による失明・網膜症 http://www.dm-net.co.jp/seminar/15_/ (2009年9月10日)
白内障
・水晶体のたんぱく質が変性して、白く、あるいは黄白色に濁る病気
・ 50歳代：初期症状発生
・ 70歳代：中等度以上進行が約半数
・ 80歳以上：70～80%

加齢の有無に関わらず、何らかの障碍は起こり得ます
身体における障碍
・身体障害者手帳等を持っている：5.3%
・国連WHOでは、約10%
発達障害
・通常学級に6%いる可能性(文科省調査,2002年)
・高校進学者：2％自閉症など発達障害
(文科省調査,2009年)
色弱
・黄色人種男性5％、女性は0.2％（劣性遺伝）
加齢
・高齢者：65歳以上 23.7%(H22年4月確定)
・ 50歳以上なら、50％に届く勢い
例えば、事故や病気で。あるいは「目に見えない障碍」も
先ほどの視覚についてもそうですが、「今は大丈夫」であっても「今後も
問題ない」とは限りません。
また、自分の「身近な人達」はどうでしょうか？

参考：障碍者人口など
内閣府：http://www8.cao.go.jp/shougai/whitepaper/h25hakusho/gaiyou/h1_01.html
人口の6%は何らかの障碍を有している
障害者数は、身体障害者366.3万人（人口千人当たり29人）、知的障害者54.7万人（同4
人）、精神障害者320.1万人（同25人）であり、およそ国民の6％が何らかの障害を有してい
ることになる。
・・・・じゃぁ、お住まいの自治体では？？

「自立支援のためのアクセシビリティ」って、考え方、
どうですか？

ちなみに、サイトでよく見かける問題点ですが・・・・

画像の説明が掲載されていない
画像には「代替テキスト」と呼ばれる説明情報を付与する
必要があります。
不要なスペースが使われている
ホームページ上のテキストは、正しく連続して記述されて
いる必要があります。
全角英数字・機種依存文字の使用
テキスト表記の「様式」を再現するための全角英数字や機
種依存文字の使用は、原則行うべきではありません。
記号・色等不要な文字装飾
サイズや色彩、デコレーションに依存した強調表示は、行
うべきではありません。
視覚に依存した表現となるため、掲載内容に関わる
画像には必ず「代替テキスト」が必要です。
また、単なるデコレーションとしての画像の使用は原
則認められておりません。
印刷物とことなり、ホームページ上のテキストは「字
詰め（カーニング）」「右づめ記載」「均等割り付け」な
どを再現できません。
スペースでの調整を行った場合、音声読み上げ時に
正しく読み上げることができません。
全角英数字や機種依存文字は、見るために用いる
端末によっては正しく表示されません。また、音声で
の読み上げに対応出来ないため、記載の内容が正
しく伝わりません。
印刷物ではないため、そのような強調は認められて
おりません。視覚異常・色覚異常へのサポートソフト
での閲覧や、あるいは音声読み上げ時に正しく表現
されません。
よく見受けられる問題点の一例

画像の説明が
掲載されていない
不要なスペースが
使われている
全角英数字・
機種依存文字の使用
記号・色等不要な
文字装飾
例えば、こんなページ

担当者で出来るところ
日々のホームページ運用の中
で、アクセシビリティを意識して
情報発信を行うことが肝要で
す。
「情報発信」に伴う責任のひと
つとして、アクセシビリティを高
め、維持することを考えなくて
はいけません。
担当者では難しい部分
ホームページを管理するシステ
ムそのものや、音声読み上げ
を実現する仕組み、あるいはサ
イトの構造やソースなど、職員
の皆様では対応出来ないとこ
ろもアクセシビリティ確保の対
象箇所になっています。
ホームページ制作を行っている
「よく分かっている」事業者へ
依頼する必要があります。
また、ホームページを管理する
ツールによって大きく作業範囲
が変わりますので、庁内での運
用体制を確認し、プロジェクト
として取り組む必要があります。
問題点の解消方法
「アクセシビリティを保つための
運用ガイドライン」を確認し、
「してはいけないこと」を確認し
た上で、日々のサイト更新を
行っていくことで、アクセシビリ
ティは維持できます。また、ツー
ルによる支援などもあります。
ベンダーが学ぶべき部分
自治体業務やサイトの特性、
目的を理解した上で、様々な
法令などに定められた「守るべ
きルール」を把握しておくことが
必要。
加えて、運用ルールそのものを
デザインすることを意識して構
築することが必要です。
アクセシビリティは、単なる「音
声読み上げができればいい」と
いうことではなく、データの構
造化を目的としていて、単なる
見た目の制限事項ではないこ
とを担当者ともどもに理解／
共有して進めていくことが必要
です。

参考：これを手元に置いておけば、間違いない（はず）
出典：日本ウェブアクセシビリティ普及ネットワーク

理由3：データの標準化によりデータ可用性の「超」向上のために

そもそも、いわゆる「アクセシビリティ」を高めると、どうなるか？

アクセシビリティの見えない面にあるメリットをかんがえる
情報伝達への
ホスピタリティ
アクセシビリティ対応は、障碍のあ
る方たちだけのためのものではあり
ません。「だれにでも」「わかりやす
く」情報を伝えるためのものです。
この点をきちんと啓蒙することで、
発信する情報が「知らない人にも
わかりやすく」変化していきます。
記述のルールが
明確に
アクセシビリティへの対応を進める
中で、様々なガイドラインやルール
が策定されます。
そのため、サイト上に掲載される
様々な情報は、そのルールに従っ
て記述されることが求められます。
ルールの適用による、
ソースの構造化
記述ルールやガイドラインに従うこ
とで、ホームページを記述する
「HTML」における記述のばらつきが
なくなり、「きれいなソース」へと変
化します。ソースがきれいになるこ
とで、様々なメリットがあります。
例えば・・・・
サイトをみてわかれば、つまらない
問い合わせの電話にでなくって済
むかもしれません。
新人が入った時にホームページ更
新を教えるための苦労が軽減され
たりします。
きれいなソースなら、CMSの入れ替
えの際に、データの移行費用が驚く
ほど軽減出来るかもしれません

ソースの構造化のために
JIS X8341に規定される様々な内容を、専門家と共同
して実現していくところからがスタートです
ホスピタリティ溢れるページのために
役所の仕事は、一般市民の方から見てわかりやすいとは
限りません。「どんな目的」「どんな問題」のために来庁す
るかを考えることからスタートです
記述のルールを明確にするために
「ルール」を明確にするためには、既存のサイトや、新たな
サイトを運営していくためのコンセプトをきちんと決めて、
役割分担をするところからはじめましょう
CMSへの実装や、様々な技術的要素を職員の皆様
で実現するのは難しいため、信頼できる専門家とと
もに、現状把握から始めることが第一歩です。
色々な業種業態がありますが、各業種業態とも、
「専門用語」は、その世界にいる人以外にはわから
ない事を再認識するところからはじまります。
現在のページ内容のテストを行った上で、実現可能
な運用ガイドラインの策定し、全庁的な「情報発信ポ
リシーとしてのガイドライン」を策定することが肝要で
す。
メリットを高めるために自治体がすべきこと
ガイドラインや仕様書にきちんと記載出来るかが鍵
実際に様々なサイト作りを公募する際に必要な書類の時点から、正しくアクセシビリティを意
識しておく必要があります。

例えば、ダメな例
※2014年4月に弊社が参加した調達に付随して
配布された仕様より一部抜粋

アクセシビリティガイドラインの策定と遵守
最低限のルールを定め、日々の運用をすることが大事
JIS規格では、非常に詳細にアクセシビリティについて定められていますが、実際の運用の再
に注意すべき点は限られています。それらを定めた庁内ルールを明文化したうえで、守ってい
くことが「すぐにできること」です。
ガイドラインの根底にある考え方や心構え
1.多くの閲覧環境を想定する
2.閲覧者に文字サイズ変更の自由を残す
3.閲覧者が期待する以外の挙動をしない
4.画像には適切な alt 属性を入れる
5.できるだけ画像でなく文字をつかう
6.各ページに固有の title をきちんとつける
7.色や形に依存した情報伝達をしない
8. Javascript やプラグインに依存した情報提供
をしない

運用ルールや、サイトのガイドラインから導かれるものは？

「きれいな」サイトができます。
目的軸や行動軸に沿ったサイト構造
CMSなどのツールの導入と、明快な運用ルールやガイドラインによって、サイトの構造が場当
たり的なものから、組織や目的に応じたカテゴリごとにページが分類された「ルールが記述で
きる」サイトへと変化します。
JPG
GIF
CSS
HTML
HTML
HTML
HTML
JS
HTML
HTML
HTML
JPG
CSS
HTML
JS

「きれいな」ページができます
HTMLの記述が構造化されて、より論理的になります
HTMLファイルの中を、要素の優先順位を守り正しく構造化することで、コンテンツ（掲載した
い内容）と、外観を切り分けて管理可能となると同時に、音声読み上げなどへの対応度合い
が格段に向上します。
大見出し＜H1＞
小見出し＜H3＞小見出し＜H3＞
本文＜P＞
中見出し＜H2＞
本文＜P＞
本文＜P＞
本文＜P＞
本文＜P＞
本文＜P＞
タイトル＜TITLE＞

「きれいな」ページができます
HTMLの記述が構造化されて、より論理的になります
HTMLファイルの中を、要素の優先順位を守り正しく構造化することで、コンテンツ（掲載した
い内容）と、外観を切り分けて管理可能となると同時に、音声読み上げなどへの対応度合い
が格段に向上します。
本文＜P＞
本文＜P＞
本文＜P＞
本文＜P＞
本文＜P＞
本文＜P＞
タイトル＜TITLE＞

アクセシビリティを守ると実現されること
データ（コンテンツ）と見た目（ビジュアル）の分離
見た目は日常の情報伝達を考えた場合、とても大事ですが、見た目にこだわり過ぎることは
情報そのもを記述するデータへの制限となってしまい、データの可用性の観点から、足枷とな
ってしまいます。
古式ゆかしい媒体アクセシビリティを守ったWEBサイト
印刷物
（視覚）
音声
（聴覚）
点字
（触覚）
伝えたい内容
機械判読が可
能な形で構造
化されたHTML
伝えたい内容
パソコン画面
（視覚）
パソコン画面
音声読上げ
点字ディスプ
レイ
スマートフォンスマートフォンスマートフォン
その他の
デバイス

アクセシビリティを守ると実現されること
データ（コンテンツ）と見た目（ビジュアル）の分離
見た目は日常の情報伝達を考えた場合、とても大事ですが、見た目にこだわり過ぎることは
情報そのもを記述するデータへの制限となってしまい、データの可用性の観点から、足枷とな
ってしまいます。
古式ゆかしい媒体アクセシビリティを守ったWEBサイト
印刷物
（視覚）
音声
（聴覚）
点字
（触覚）
伝えたい内容
機械判読が可
能な形で構造
化されたHTML
伝えたい内容
パソコン画面
（視覚）
パソコン画面
音声読上げ
点字ディスプ
レイ
その他の
デバイス
五感に依存しており、
出力媒体が
固定されている
五感に依存しておらず、
出力媒体は問わない

これって、何かに似てませんか？
アクセシビリティを守ったWEBサイト
機械判読が可
能な形で構造
化されたHTML
伝えたい内容
パソコン画面
音声読上げ
点字ディスプ
レイ
その他の
デバイス

アクセシビリティ対応とオープンデータ化の共通点
人に優しくないデータが、いちばん人にやさしい
WEBアクセシビリティの確保は、様々な情報を正しく構造化することで、「機械可読性を限り
なく高める」事によって実現します。
この「機械可読性の実現」こそが、「オープンデータ」の最も重要点と共通なのです。
アクセシビリティを守ったWEBサイト
機械判読が
可能な形で
構造化された
HTML
伝えたい内
容
パソコン画
面
音声読上げ
点字ディス
プレイ
スマートフォ
ン
スマートフォ
ン
スマートフォ
ン
その他の
デバイス
オープンデータの目指すこと
機械判読が
可能な形で
構造化された
データ
伝えたい内
容
WEBアプリ
音声配信
点字ディス
プレイ
スマートフォ
ンアプリ
スマートフォ
ン
スマートフォ
ン
サイネージ
など

最後に、今すぐできる取り組み

アクセシビリティガイドラインの策定と遵守
最低限のルールを定め、日々の運用をすることが大事
JIS規格では、非常に詳細にアクセシビリティについて定められていますが、実際の運用の再
に注意すべき点は限られています。それらを定めた庁内ルールを明文化したうえで、守ってい
くことが「すぐにできること」です。
ガイドラインの根底にある考え方や心構え
1.多くの閲覧環境を想定する
2.閲覧者に文字サイズ変更の自由を残す
3.閲覧者が期待する以外の挙動をしない
4.画像には適切な alt 属性を入れる
5.できるだけ画像でなく文字をつかう
6.各ページに固有の title をきちんとつける
7.色や形に依存した情報伝達をしない
8. Javascript やプラグインに依存した情報提供
をしない

最後に、自戒をこめて
アクセシビリティというのは、技術や道具の使い方から発生す
る問題でなく、いかに「人に伝えよう」とか、どうやって「わかっ
てもらおう」という意志の強さのあらわれでしかありません。
そもそも、文書や様式、あるいは文章に気をつけることとかわそもそも、文書や様式、あるいは文章に気をつけることとかわそもそも、文書や様式、あるいは文章に気をつけることとかわそもそも、文書や様式、あるいは文章に気をつけることとかわ
りはない。りはない。りはない。りはない。

長時間にわたりご清聴いただき、
ありがとうございました。

「アクセシビリティの確保」の真の目的と、その達成のために必要な事

Recommandé

Recommandé

Contenu connexe

Similaire à 「アクセシビリティの確保」の真の目的と、その達成のために必要な事

Similaire à 「アクセシビリティの確保」の真の目的と、その達成のために必要な事 (20)

Dernier

Dernier (8)