アクセシビリティセミナー2018

Webアクセシビリティ：

わたしたち、身近なこういうところで困っています2018年10月19日

スピーカー◼ 諸熊 浩人（(株)U’eyes Design、作業部会2 招聘専門家）◼ 伊敷 政英（Cocktailz、作業部会2 主査）◼ 増井 達巳（(合)フォース、作業部会1 委員）

進行◼ 清家 順（(有)ユニバーサルワークス、作業部会1 主査）

2

当事者を知ることの意義
ウェブアクセシビリティとは／障害者のインターネット利用

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

総務省情報通信政策研究所「障がいのある方々のインターネット等の利用に関する調査研究」（2012年）

5

利用が困難なケースもパソコン利用時にWeb上にバリアがあることで、欲しかった情報が見られなかったり、手続きが最後までできなかった経験

日経BPコンサルティング「障害者のインターネット利用実態調査」（2014年）
6

障害当事者／利用者の立場から

7

株式会社U’eyes Design リサーチャー

諸熊 浩人（もろくま ひろと）8

諸熊 浩人●主な活動●略歴①個人用アプリ作成
年代

概要

1987年 生②ホームページ運営③DTM (シンセサイザーでの作曲)

1999年 福岡の普通小学校を卒業
2001年 網膜剥離により失明、盲学校へ転向

2010年 筑波技術大学 情報システム学科卒業
同年

株式会社 U'eyes Design入社
9

●所属

ユーアイズ

デザイン

株式会社 U’eyes Design●U’eyes Designにおける諸熊
1.

ウェブサイトの品質を見える化するシス

1.

生活者の視点からデザインを支援

2.

生活者を科学的に理解・集積し、マネージメントに活用

3.

生活全般にわたる多様な業界・業種に対するノウハウを活用

テムの開発「WAIV」
2.

社会課題、トレンドの調査・分析

3.

サウンドのデザイン10

ウェブとのつきあい方

諸熊（全盲）

見えなくてもネットサーフィン◼ スクリーンリーダー表示された文字や、操作の結果を音声で聞く◼ マウスがなくてもクリック

キーボード操作だけで、リンクやボタンの選択、クリックができる◼ スマートフォンだって操作できる

スマートフォン用のスクリーンリーダーを使うと…
触れた場所にあるテキストやリンクを音声で確認できる
11

家庭でのウェブ利用

諸熊（全盲）

1. ブログなどで情報検索
2. インターネットラジオ
3. Youtube 動画の視聴
4. LINEなどのSNS
5. ネットショッピング

12

会社でのウェブ利用

諸熊（全盲）

1. グループウェア (社員間のやり取り)
2. 情報収集、リサーチ業務

13

ウェブ利用の苦労と工夫

諸熊（全盲）

概ね快適に使えている◼ ウェブサイトが読みやすくなった スクリーンリーダー等の技術が発展 「アクセシビリティへの配慮」が進んだ
 「読めないサイト」もあるが、替えがある

14

困っているウェブサイト

諸熊（全盲）◼ 「マウス」で操作しなければ動かない⚫ マウスカーソルがどこにあるかわからない⚫ クリックする時にカーソルがずれてしまう◼ 内容が自動更新されるウェブサイト

「読み終えていない」のに、内容がなくなる⚫ 視覚障害者がコンテンツを読み始めるまでに時間がかかる⚫ 1分間で読める文字数は、 200～250 字程度⚫ 健常者の2～3倍

15創意工夫諸熊（全盲）◼ お手製PDFビューア⚫ 市販のソフトではPDF文書が読みにくかった◼ スマートフォンの活用⚫ PC用サイトは使いにくいが、スマホ上では使いやすいことも16

今後のウェブに期待すること「使えないウェブ」の爆誕を防ぐ
ウェブサイトからアクセシビリティの問題を検出し、修正する◼ 公開用PDFにテキストが埋め込まれていない、またはアクセス保護されている◼ マウスでなければ操作できない◼ アイコンに説明文テキストが無い

アクセシビリティ対応の第一歩
17

今後のウェブに期待すること

WAIC-WG2 で、テストケースを検討◼ ウェブが、アクセシビリ

ティを必要とする利用者にどう映るか◼ アクセシブルなウェブサ

イトのために、どんな工夫が必要か考えるきっかけに

18

Cocktailz

伊敷 政英（いしき まさひで）

19

伊敷 政英◼

1977年3月

東京で生まれる◼

1995年3月

筑波大学附属盲学校高等部普通科卒業◼

2000年3月

東京都立大学理学部数学科卒業◼

2003年4月

ITコンサルティング会社入社◼

2009年5月

ITコンサルティング会社退職◼

2010年8月

Cocktailz として活動開始◼

2011年1月

ウェブアクセシビリティ基盤委員会

WG2委員

◼

2015年5月

ウェブアクセシビリティ基盤委員会

WG2主査

◼

2017年4月～

ウェブアクセシビリティ基盤委員会 副委員長

最近の趣味◼ アルトサックスをはじめました。

◼ ボクシングジムに通い始めました。
20

利用環境

伊敷（ロービジョン）◼ Windows⚫ 標準インストールの「拡大鏡」を利用⚫ 400%～500%に拡大⚫ さらに色を反転

21

利用環境

伊敷（ロービジョン）◼ iPhone・ iPad

⚫ アクセシビリティ「色を反転」と「ズーム」⚫ ウェブサイトを見るときはピンチで拡大⚫ 「拡大鏡」も利用している

22

利用環境

伊敷（ロービジョン）◼ Amazon Echo

⚫ 時間、天気を一番よく聞いている⚫ 音楽やラジオの再生も時々⚫ 家電との連携はまだ試していません

23

普段使うサイト・サービス

伊敷（ロービジョン）◼ じゃらんnet◼ 食べログ◼ フロアマップ、駅構内図◼ NAVITIME（iPhone アプリ）24

普段使うサイト・サービス

伊敷（ロービジョン）◼ Kindleアプリで読書

25普段使うサイト・サービス

伊敷（ロービジョン）◼ タニタの体組成計とiPhoneアプリ「HealthPlanet」を連携して体重管理

26

普段使うサイト・サービス

伊敷（ロービジョン）◼ UDCast（iPhoneアプリ）で映画鑑賞（テレビの副音声の映画版）⚫ 事前にダウンロードした音声解説を映画と同期して流してくれる⚫ UDCast 対応映画館ならいつでも音声解説付き映画を見られるのがうれしい27

期待している製品・サービス

伊敷（ロービジョン）◼ メガネ型デバイス各種⚫ OrCam⚫ オトングラスなど◼ AIスピーカーの家電連携⚫ エアコンの操作、掃除の指示などしてみたい◼ みちびきを利用したより精度の高いナビゲーション◼ VR・ARを用いたコンテンツやゲーム

28

合同会社フォース（Force LLC.）代表

増井 達巳（ますい たつみ）29

増井 達巳◼
◼

◼

◼
◼

合同会社フォース（Force LLC.）代表
前職 キヤノンマーケティングジャパン株式会社
ウェブマーケティングセンター センター所長
キヤノンマーケティングジャパングループのWeb全体戦略策定
キヤノンWebサイトの企画・開発・運用
Webリニューアル・ガバナンス等コンサルティング
公益社団法人 日本アドバタイザーズ協会 Web広告研究会 副代表幹事
PRプロジェクトリーダー、サイトマネジメント委員会副委員長
サイトマネジメント委員会 ウェブアクセシビリティWGリーダー
コーポレートブランド委員会、調査委員会メンバー
東日本大震災・復興支援プロジェクトメンバー
情報通信アクセス協議会 ウェブアクセシビリティ基盤委員会（WAIC）WG1 委員
TechAcademy メンター Webマーケティング、Webディレクション、Scrach30増井（高齢者）「世の中の文字は小さすぎて、読めないっ！」

31

PCの高解像度化って便利？

増井（高齢者）32

100%表示だと読めない！

増井（高齢者）

33

メガネを忘れると読めない！

増井（高齢者）34

普段から150％表示で使います増井（高齢者）35

進む街のバリアフリー化…

増井（高齢者）• バリアフリー新法（平成18年12月20日施行）• 高齢者､障がい者等の移動等の円滑化の促進に関する法律36

アクセシビリティの対象

増井（高齢者）◼ 最も影響を受けるのは 高齢者・障がい者▶ 2020年の65歳以上の高齢化率は29.1%（総務省予測）▶ 身体障がい者数は約936万6千人（2018年厚労省推計）◼ 健常者でも…
▶ 色覚の問題 : 男性の20人に1人▶ 環境、状況などによる一時的な制限や障害▶ ケガ、病気 → 手や腕を骨折したとか▶ メガネが壊れた、大騒音の中，両手に荷物，...
37

〇〇すぎて〇〇できないはNG

増井（高齢者）◼ 高齢者や障がい者を含むさまざまな人々がいろいろな環境において製品やサービスを利用できる「度合い」のこと▶ 使えない、使いにくいを解消すること◼ 「Webのアクセシビリティ」なら▶ Webサイトを読むことができること▶ Webサイトのすべてが操作できること▶ Webサイトの内容が理解できること▶ ずっと使えること38

何を感じますか？

増井（高齢者）39

何を感じますか？

増井（高齢者）

視覚障がい者向け写真教室
40

何を感じますか？

増井（高齢者）

視覚障がい者の参加者の1人が立体写真を触る事から遠近法の存在を知ることができた
41

企業側の思い込み？

増井（高齢者）◼ 視覚障がい者は写真を撮らない◼ カメラの製品情報を読むことはない◼ 株主や採用希望者に障がい者、高齢者はいない◼ Webサイトのアクセシビリティ対応は必要ない◼ 法律で義務化されたら対応しよう

42

アクセシビリティはいつ必要？

増井（高齢者）◼ 近い将来必要になる…のではなく、◼ 今必要としている人がいる▶ 障がい者、一時的障害者、高齢者、利用制限条件…等◼ 今後、さらに必要とする人が増える▶ インバウンド（訪日外国人）増加▶ 2020年 TOKYOオリンピック・パラリンピック

43

今後に望むこと44

資料活用のご案内

45

「ガイドライン」をご活用ください
JIS X 8341-3関連文書
⚫
⚫
⚫
⚫
⚫
⚫

JIS X 8341-3:2016解説
ウェブアクセシビリティ方針策定ガイドライン
JIS X 8341-3対応度表記ガイドライン
JIS X 8341-3対応発注ガイドライン
アクセシビリティ・サポーテッド（AS）情報
JIS X 8341-3試験実施ガイドライン

WCAG 2.0関連翻訳文書⚫
⚫
⚫
⚫

WCAG 2.0
WCAG 2.0解説書
WCAG 2.0達成方法集
WCAG 2.0クイックリファレンス
46

配布の「早見表」をご活用ください
本セミナーに参加されたみなさまに【 JIS X 8341-3:2016 達成基準 早見表（レベルA＆AA）】を配布しております。

47

質疑

48

ありがとうございましたアンケートへのご記入をお願いします。
お手元のアンケート用紙とWebのどちらでも受け付けています。

http://bit.ly/waic-ceatec201850