Webアクセシビリティ 海外の最新動向 2018
2 likes1,411 views
2018年5月17日（木）に神戸で開催された「アクセシビリティの祭典 2018」のセッション 6「Webアクセシビリティ 海外の最新動向 2018」で使用したスライド。 もし閲覧に支障がある場合は、info@infoaxia.co.jpまでご連絡ください。
Webアクセシビリティ 海外の最新動向 2018
- 2. Webアクセシビリティ 海外の最新動向 2018 アクセシビリティの祭典 2018 セッション 6 植木 真（株式会社インフォアクシア）
- 3. 植木 真（うえき まこと） 株式会社インフォアクシア 代表取締役 Webアクセシビリティコンサルタント • サイト診断、ガイドライン＆チェックリスト作成、教育・研修 など 国内外のアクセシビリティガイドライン策定に従事 • W3C WCAG ワーキンググループ • JIS X 8341-3 原案作成ワーキンググループ ウェブアクセシビリティ基盤委員会（WAIC）委員長 • JIS X 8341-3:2016 改正原案作成委員会 委員長を兼任
- 4. 今日は “Global Accessibility Awareness Day”
- 5. “Global Accessibility Awareness Day” 公式サイト http://globalaccessibilityawarenessday.org/
- 9. 今年で33回目、世界最大級のカンファレンス 3/13(水)～15(金)の3日間 442のセッション（発表） 115の展示ブース 約4,500名が参加
- 10. 夜には “アクセシブル” カラオケ大会なども開催 手話通訳付きのカラオケ大会 TEAM JAPANは盆踊りソング
- 12. このセッションでシェアするのは… 「インクルーシブデザイン」 海外諸国でのWebアクセシビリティの法制化 WCAG 2.1とSilver セッション紹介 Amadeus and American Airlines: From User Tests to an Inclusive Website
- 13. 「インクルーシブデザイン」
- 14. From User Tests to an Inclusive Website
- 17. Inclusive Design at Microsoft https://www.microsoft.com/en-us/design/inclusive
- 19. マイクロ ソフトが 考える Inclusive Design Inclusive design is for those who want to make great products for the greatest number of people.
- 20. Definition of inclusive design http://www.inclusivedesigntoolkit.com/whatis/whatis.html
- 22. インクルーシブデザインの原則（日本語訳） 永続的な障害がある利用者（＝障害者） 一時的または状況的な困難に直面している利用者 能力が変化してゆく利用者（＝シニア、高齢者） つまり、私たちみんな - “all of us really”
- 25. “Accessible” ではなく “Inclusive” を使う理由 法律で義務化されてきたことによる固定観念？ “Accessible” = ガイドラインの基準を満たす “Inclusive” ＝ 広範囲のユーザーのニーズを満たす Accessible ( ≒ WCAG) ≦ Inclusive
- 28. W3C/WAIの ”Web Accessibility Laws & Policies” https://www.w3.org/WAI/policies/
- 29. 海外諸国の主な傾向 先進国を中心にWebアクセシビリティの確保を義務化 政府などの公的機関には「WCAG 2.0」レベル AA アメリカでは企業サイトに対する提訴件数が急増中 中国やヨーロッパで「WCAG 2.1」を採用する動きあり
- 30. WCAG 2.1 と Silver
- 31. WCAG 2.1 Proposed Recommendation https://www.w3.org/TR/2018/PR-WCAG21-20180424/
- 32. そもそも「WCAG」とは？ ウェブコンテンツのアクセシビリティを確保するため のガイドライン “Web Content Accessibility Guidelines” の略（頭文字） ウェブコンテンツ＝ウェブサイト、ウェブアプリ、ウェブ サービスなど 現在のバージョンは「2.0」
- 33. 誰のためのガイドライン？ 様々な障害のあるユーザーを想定 “全盲又はロービジョン、ろう又は難聴、学習障害、認知障 害、運動制限、発話困難、光過敏性発作及びこれらの組合 せ等を含んだ、様々な障害のある人” ～ WCAG 2.0 日本語訳 「概要」より
- 34. 「WCAG 2.0」の達成基準 ＝ 3段階のレベル Webコンテンツがどうなっているべきかを定義 レベル A：25の達成基準 最低限満たすべきレベルの品質基準 レベル AA：13の達成基準 ユーザビリティとの共通点も多く、公的機関に求められるレベル レベル AAA：23の達成基準 対応可能な場合に基準を満たすことが推奨されるレベル
- 36. 画像には代替テキストを提供する <img src=“title.png” alt=“わた したちの未来をつくるアクセ シビリティ 2018年5月17日 （木）神戸ポートアイランド ジーベックホール”>
- 37. 「WCAG 2.0」達成基準の例（2） https://waic.jp/docs/WCAG20/Overview.html#media-equiv-captions
- 39. 「WCAG 2.0」は世界共通のガイドライン 2008年 W3C勧告に ⇨ 2012年 ISO/IEC規格に ⇨ 2016年 JIS規格に ＝ ＝
- 40. WCAG 2.1 Status and Next Steps https://www.w3.org/2018/Talks/0322_WCAG21_AWK-JOC-MC/
- 41. WCAG 2.1 ＝「WCAG 2.0」＋α “WCAG 2.1” に準拠しているウェブサイトは、 自ずと ”WCAG 2.0” にも準拠していることになる “WCAG 2.0” は「非推奨（deprecated)」にはならない
- 42. WCAGへの新たなニーズの顕在化 新しいテクノロジーの 普及による新しいニーズ WCAGが対処できていない ユーザーのニーズ ロービジョン 認知障害 モバイル ロービジョン 認知障害
- 44. 新しい達成基準 “1.4.11 Non-text Contrast” https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
- 45. 新しい達成基準 “1.3.5 Identify Input Purpose” https://a11y-resources.com/developer/adaptable-ui-personalisation
- 46. Refinement of Success Criteria 2016年12月時点で60の新しい達成基準の提案 最終的に17の達成基準候補に絞り込み
- 47. Current Status of WCAG 2.1 ワーキングドラフトを数回にわたり更新 その間に、約600件のパブリックコメント 2018年4月24日に「W3C勧告案」に昇格
- 48. Next Steps on WCAG 2.1 4月：「勧告案」に昇格 6月：「W3C勧告」に (?)
- 49. Beyond WCAG 2.1 「WCAG 2.1」と「Silver」の間にもう1つバージョン を挟む可能性もある（「WCAG 2.2」もありうる？）
- 50. WCAG 2.1：ヨーロッパの場合 EU加盟国は「WCAG 2.0」を採用 公的機関の調達規格として 「EN 301 549」を策定 2018年中に各国で法整備 （WAD） 欧州アクセシビリティ法の制定 （EAA）
- 51. WCAG 2.1：ヨーロッパの場合 調達規格「EN 301 549」で 「WCAG 2.1」を採用予定 W3Cワーキンググループと連携 WADでのモニタリング計画で W3Cの「WCAG EM」や 「ACT」にも注目
- 53. WCAG 2.1：中国の場合 W3C/WAI と協調しながら、 「WCAG 2.1」の策定にも協力 Baidu、Beyondsoft 浙江大学、香港浸会大学 6月には国内規格の改訂案を 障害者団体に提示 WCAG 2.0 or 2.1？
- 54. WCAG 2.1：その他の国々 アメリカは「WCAG 2.0」 欧州は「WCAG 2.1」 中国も「WCAG 2.1」？ インドは「WCAG 2.0」
- 55. 「WCAG 2.1」は「JIS X 8341-3」になる？
- 56. Silver W3Cの次期アクセシビリティガイドライン WCAG 2.x の後継バージョン
- 57. Accessibility Guidelines = AG = Silver
- 58. WCAG 2.1 (2.2 ?) と Silver が同時進行中 WCAG 2.0 WCAG 2.1 WCAG 2.2 2018 2020 (?) WCAG ATAG UAAG OR
- 60. Problem Areas from Research Findings 関係者からのヒアリング等により、 WCAG 2.0の問題点を確認
- 61. Amadeus and American Airlines: From User Tests to an Inclusive Website
- 62. From User Tests to an Inclusive Website
- 64. Amadeus社 http://www.amadeus.com/ 世界のソフトウェア企業 TOP 15 旅行業界に特化した予約システム 取扱予約件数：5億9,500万件以上（2016） 取扱乗客数：13億人（2016）
- 66. Towards WCAG AA compliance
- 67. User tests pre-session interview
- 68. Pre-session interview – Cognitive impairments
- 69. Color contrast
- 70. ユーザビリティテストで発見した問題点を改善 Unclear font アルファベットの小文字 "I" と数字の "1" Wording is important ボタンのラベルを “Confirm selection” から “Confirm selection and close“ へ Modals focus handling モーダルの開閉時にフォーカス位置を制御
- 71. Time-out pop-up
- 73. Example of usage: slider 全盲モニターのコメント 「自分がスライダーを使えるなんて 考えたこともなかった。これは素晴らしい！」
- 74. Accessibility at American Airlines
- 75. Buying tickets made easier for everyone
- 76. 参考
- 78. Webアクセシビリティ 海外の最新動向 2018 アクセシビリティの祭典 2018 セッション 6 植木 真（株式会社インフォアクシア）