アクセシビリティとこれからの奥别产デザイン
- 2. 自己紹介 2
- 4. 伊原力也 ?BA ? シニア?インフォメーションアーキテクト ? デザインリサーチ、IA、Ix / UIデザイン ?その他 ? HCD-Net 認定人間中心設計専門家 ? ウェブアクセシビリティ基盤委員会 WG1 委員 4
- 6. 本日の流れ 6
- 16. アクセシビリティの定義（辞書） ? access ? 接近，入場，通路、入口、入手，利用 ? accessible ? 近づきやすい，行きやすい 入手しやすい，利用できる，理解しやすい ? accessibility ? 近づきやすさ，行きやすさ 入手しやすさ，利用しやすさ，理解しやすさ 16
- 18. ユーザビリティの定義（辞書） ?use ? 使う，用いる，使用する，利用する ?usable ? 用いることができる，使用に適した，便利な ?usability ? 使用性，使い勝手，利用可能性，使い易さ 18
- 21. アクセシビリティは尺度 ?特定ケースの「使える度」 それを束ねた「幅広さ」 ?他の意味は文脈によって付与されている ? 探しやすさ、見つけやすさ、買いやすさ、 持ち運びやすさ、再利用しやすさ…… ? 高齢者?障害者向け、福祉、ボランティア…… ? 情報、デジタル、Web、iOS …… 21
- 23. 身近にあるアクセシビリティ 23
- 32. アクセシビリティが向上すると? ?誰かの便利は、ほかの人も便利でもある ? 狙ってる場合もあれば、偶然の場合もある ?使える人が多くなれば、チャンスが増える ? アクセスできると、全体のパイが広がる ?利用機会が増えると、定番化しやすくなる ? あって当たり前、前提のものになっていく 32
- 33. なぜそうなるのか? ?人間は変化するから ? 一時的障害 ? 自身の変化 ? 周囲の変化 ?広い範囲で使えるものは、 人生のどこかのステージでフィットする 33
- 34. 一時的障害 ?誰もが状況によって能力が変化する ? 視覚障害：眼鏡の破損、周りが暗い、サングラス ? 四肢障害：腱鞘炎、骨折、けが ? 聴覚障害：オフィス、電車内、街中 ? 認知障害：酔っ払い、徹夜、海外旅行 ?その瞬間は、継続する障害と変わらない 34
- 37. アクセシビリティをデザインする ?偶然を待たず因数分解→設計思想へ ?代表的な3つの考え方 ? バリアフリーデザイン ? ユニバーサルデザイン ? インクルーシブデザイン 37
- 38. バリアフリーデザイン ?Barrier:障害 free:取り除く ?古来からある考え方 ?特徴 ? 別の補助を付け足す、または何かをはずすと 使える状況が増える ? 小回りが効きにくく、整合性が低くなりやすい ? 日本ではこれをユニバーサルデザインと呼びがち 38
- 40. ユニバーサルデザイン ?universal:万人の，全員の，普遍的な ?米国発（1985年～） ?特徴 ? 1つのもので最大公約数を狙う ? UD7原則をデザイン指針としてチェック ? 有効度?効率?満足さも上がりやすい ? 上手くやらないと中途半端なものができる 40
- 41. ロナルド?メイスのUD7原則 1. 誰でも公平に使えること 2. 使う上での自由度が高いこと 3. 使いかたが簡単で、直感的に理解できること 4. 必要な情報がすぐに見つかること 5. うっかりミスや危険につながらないこと 6. 身体への負担が軽く、楽に使えること 7. 接近や利用のための十分な大きさと広さがあること 41
- 42. インクルーシブデザイン ?inclusive:すべてを含んだ，包括した. ?英国発（1991年～） ?特徴 ? 極端ユーザーの潜在ニーズに着目 ? ユーザーと共に発想、プロトタイピング ? その手があったか的なアウトプット ? アウトプットを事前に予想しにくい 42
- 50. 情報アクセシビリティのレイヤー 50 robustness findability portability usability shareability hackability 頑健: 存在が維持される 発見: 特定できる、探し出せる 携帯: 持ち运べる、呼び出せる 使用: 知覚?理解?操作、目的達成 共有: 誰かに渡せる、共有できる 改変: 加工できる、再利用できる
- 51. アクセシビリティは総力戦 ?いわゆる障害者高齢者対応は 「使用」レイヤーのうち、さらに一部の話 ?前後のレイヤーも含めて考えると？ ? すべての本を大活字本にはできない ? 出版しても探せなければ意味がない ? 買えなければ手元に置けない ? 持ち歩けなければ読めない 51
- 55. 実はここまでプラットフォームが保障している 55 robustness findability portability 頑健: 存在が維持される 発見: 特定できる、探し出せる 携帯: 持ち运べる、呼び出せる
- 56. この時点ですでに圧倒的なアクセシビリティ ?時間?空間?デバイスを超えてアクセス可能 ? インターネット：途中の経路が死んでも迂回できる ? URL：コンテンツの場所が一意に特定できる ? HTTP：仕様に沿えば誰でもプログラムが作れる ? リンク：情報同士が結びついており探し出しやすい ※さらにGoogle検索が穴を埋めている ?Webに情報があるだけで圧倒的アクセシブル 56
- 57. 正しくコンテンツを作ればここも保障される 57 usability shareability hackability 使用: 知覚?理解?操作、目的達成 共有: 誰かに渡せる、共有できる 改変: 加工できる、再利用できる
- 64. これがWebアクセシビリティの根幹 ?Webアクセシビリティの根幹は マシンリーダブルなテキスト ? 誰にでも伝わる最強の表現方法は「テキスト」 ? テキストをマークアップすると 意味が明確になり、機械が解釈可能になる ? ユーザーエージェントや支援技術といった プログラムを通して利用可能な形に変換できる 64
- 67. テキストブラウザ(w3m) 67
- 71. ハイコントラストモード 71
- 75. 代替マウス 75
- 76. 点字ディスプレイ 76
- 77. 視線入力装置 77
- 78. 分かれているから選択肢が増やせる 78 プロダクト 情報 入れ物 情報 デバイスWeb 情報 ユーザー エージェント Web デバイス 情報 ユーザー エージェント Web デバイス支援技術
- 83. WCAG2.0 ?Webコンテンツのアクセシビリティ規格 ? W3Cが勧告している標準規格 ? JIS規格（JIS-X8341-3:2016）と一致 ?対象はWebサイトだけじゃない ? Web技術に関わるコンテンツは全て該当 ? アプリのWebView、HTMLヘルプ、 キオスク端末のHTML、 Web上のPDF 、EPUB…… 83
- 84. レベルA ?どんなサイトも満たすべき、最低限の基準 ? この基準を満たせないと、支援技術を駆使しても 全くアクセスできなくなる場合がある ? 25項目の基準 ? 非テキストコンテンツにテキストを用意する、 キーボードでも操作できるようにする、など 84
- 86. レベルAA ?望ましい基準 ? この基準を満たすと、支援技術を駆使しなくても 多くの環境でアクセスできるようになる ? 13項目の基準 ? 最低限のカラーコントラスト、文字サイズなど 86
- 87. レベルAAA ?発展的な基準 ? この基準を満たすと、 よりアクセスしやすくなることがある ? 23項目の基準 ? レベルA～AAの基準を厳しくしたものに加え、 わかりやすい言葉を使う、など 87
- 97. 利益を上げるため ?効率よくビジネスを回す下地となる ? 利用できる状況が最大化される ? ファネルの最大化、機会損失の防止 ? コンテンツの再利用性が上がる ? オペレーションコストが下がる ?対応しないこと＝見えないコスト流出と同義 97
- 98. 体験を向上するため ?使いやすいと感じるユーザーが増加する ? 知覚、理解、操作のハードルが下がる ? 多くの状況での有効度、効率、満足さが改善 ?指名買いするユーザーが現れる ? アクセシブルなもの以外は使えないユーザーがいる ? 他ではできないことができた → ロイヤリティ最大 ? コミュニティ内での推奨意向もアップ 98
- 100. 高齢者のネットショッピング利用率増加 100 http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h27/html/nc122000.html
- 102. 将来に対応するため ?新しいデバイスに取り急ぎ対応できる ? 作法を守れば未知のデバイスでも利用できるはず ? ユーザーへのサービス中断を回避できる ? 漸進的な対応により突発的なコスト発生を抑止 ? 最適化を行うための準備や検証が可能になる 102
- 110. ピンク本、好調推移中 110
- 112. これからのWebデザイン 112
- 114. ブラウザを超えていくWeb ?アプリから参照するWeb ?APIやデータとしてのWeb ?ウェアラブルデバイスとWeb ?WebofThings ?もはやブラウザでの「View」はサブ扱い 114
- 119. さあ、はじめよう! 119