今日のお話実装とは? 達成基準と達成方法実装チェックリストとは? 実装チェックリストの作り方作成のコツと注意点まとめ

Size: px

Start display at page:

Download "今日のお話実装とは? 達成基準と達成方法実装チェックリストとは? 実装チェックリストの作り方作成のコツと注意点まとめ"

よしたかたかぎ
5 years ago
Views:

1 これから取り組むWebアクセシビリティ 2018 夏こうすればできるウェブアクセシビリティ実装のポイントと実装チェックリストの作り方 2018年8月22日水曜日太田良典ウェブアクセシビリティ基盤委員会作業部会4 翻訳主査

2 今日のお話実装とは? 達成基準と達成方法実装チェックリストとは? 実装チェックリストの作り方作成のコツと注意点まとめ

3 実装とは? 実装の一般的な定義とアクセシビリティJISにおける実装

4 Wikipediaによれば: 実装じっそう英: implementation 何らかの機能や仕様を実現するための具体的な装備や方法のこと

5 Webの分野では: 実際にWebページを作りブラウザで見られる状態にすること HTMLやCSSやJavaScriptを書いて Webページを最終的な形に作り上げること

6 よくあるWeb制作のワークフロー企画戦略設計ワイヤーフレーム作成ビジュアルデザイン実装テスト公開

7 アクセシビリティJISの分野では: 達成基準を満たすように Webコンテンツを実装すること達成基準を満たせるような実装方法を採用すること

8 達成基準と達成方法 WCAG 2.0 関連文書のご紹介

9 達成基準とは WCAG 2.0やJIS X が求める Webコンテンツが満たすべき基準

10 WCAG 2.0の達成基準の特徴抽象的な記述が多い HTMLをこうすれば良いなどの具体的なことは書かれていない

11 なぜ抽象的な記述なのか? WCAG 2.0の方針のひとつが技術非依存 HTML以外の技術に応用できるようにしたかった WCAG 2.0本体は頻繁に更新できない詳細は本体と別の関連文書でカバーする

12 特に重要な関連文書 Understanding WCAG 2.0 (解説書) 達成基準の意図補足説明事例などを詳しく解説 Techniques for WCAG 2.0 (達成方法集) 達成基準を満たすための達成方法をまとめるいずれもWAICのサイトで日本語訳を公開

13 WCAG 2.0 解説書

14 WCAG 2.0 達成方法集

15 達成方法とは達成基準を満たす方法の例 2010年版のJISでは実装方法と呼ばれていた実装だけでなく設計やブラウザ側の対応もあるそのため2016年に達成方法に訳語を変更

16 達成方法の例

17 達成方法のポイント: あくまで参考である達成方法は達成する方法の一例でしかない重要なのは達成基準を満たすことここにある達成方法を採用せず他の方法で達成基準を満たしても良い

18 実装チェックリストとは? 実装チェックリストとは何かその定義と位置付け

19 実装チェックリストとは達成基準をどうやって達成するか列挙したもの主に試験の際に参照する通常採用した達成方法を列挙するそのほか試験時の検証方法などが書かれる

20 実装チェックリストの例

21 規格における実装チェックリストの扱い WCAG 2.0やJIS X には実装チェックリストという語はまったく出てこないつまり規格が求める必須事項ではない

22 JIS 附属書における扱い JIS X の附属書JB (参考)試験方法に以下のような記述がある追加の表示事項試験結果を表示する場合は次の内容を含めることがより望ましい a) 達成基準を満たすことを示すための技術的根拠 (使用している達成方法及びその検証方法一覧など)

23 JIS X :2016 試験実施ガイドライン

24 JIS X :2016 試験実施ガイドライン実装チェックリストの作成方法の具体例

25 参考: ガイドラインに残る実装方法現在の試験実施ガイドラインでは達成方法が実装方法となっている当時達成方法集が更新できていなかった名残おそらく次の更新で達成方法に変わる実装チェックリストも変わる可能性あり

26 参考: 達成基準チェックリストとの違い達成基準チェックリスト: このサイトが満たすべき達成基準を列挙する実装チェックリスト: 達成基準を列挙した上でそれぞれに対する達成方法を列挙する

27 実装チェックリストの作り方関連文書の読み方達成方法を選ぶ方法とポイント

28 実装チェックリスト作成方法の概要満たすべき達成基準それぞれについて関連文書を見ながら達成方法を選択する達成基準2.4.1を例に実際に見ていく

29 WAICのサイト (waic.jp)

30 トップページ下部に関連文書へのリンク

31 WCAG 2.0

32 達成基準 2.4.1

33 WCAG 2.0 解説書

34 下の方に達成方法の一覧

35 達成方法 G1

36 達成方法 G1 の検証

37 達成方法を選ぶ多くの場合複数の達成方法が挙げられている全てを採用する必要があるわけではないひとつまたは複数の達成方法を選択するどうやって選べばいいのか?

38 選ぶポイント1: 状況別に見る達成方法が状況ごとに分けられて列挙されていることがあるこのときはそれぞれの状況ごとに選択する状況Aの時はこの達成基準 Bのときはこれ

39 例: 達成基準1.1.1の十分な達成方法

40 参考: 達成基準の 6 つの状況 A: 短い説明で同じ情報を提示できる B: 短い説明で提示できない (チャート図表) C: コントロール (利用者が入力するもの) D: 時間依存メディア E: CAPTCHA F: 支援技術に無視してほしい場合

41 選ぶポイント2: 分類を見る達成方法の名称の頭にはIDがついている G142 H69 ARIA7 など冒頭アルファベット部分は分類を表す

42 達成方法の分類の例 G: 特定技術によらない一般的な方法 (General) H: HTML/XHTML C: CSS SCR: JavaScript等のスクリプト PDF: PDF ARIA: WAI-ARIA

43 失敗例も挙げられている F: 失敗例名前が F ではじまるものは失敗例やってはいけないアンチパターンの紹介

44 F84: 達成基準の失敗例

45 関係ない技術は無視する HTML以外の技術の達成方法も紹介されている Flash, Silverlight, PDFなどそれぞれの技術を使わない場合は無視して良い通常は H, C, SCR, ARIA を見れば良い

46 一般的なものは優先度低名前が G ではじまる達成方法は技術に依存しない一般的なもの特定技術用の達成方法より劣るものが多い (専用の方法がない場合に仕方なく採用する想定) H, C などの採用を検討し無理なら G を検討

47 選ぶポイント3: 使えない達成方法は除外する実際には使えない達成方法もある技術が新しすぎてブラウザが対応していない技術が古すぎてブラウザが対応していないそもそも無理がある

48 アクセシビリティサポーテッド技術や達成方法が実際にブラウザで使えるときアクセシビリティサポーテッドであると言う (ASと略すこともある) 逆にいうと達成基準の中にはアクセシビリティサポーテッドでないものも混ざっている

49 アクセシビリティサポーテッド情報 WAICは各達成方法の事例をテストしアクセシビリティサポーテッド情報として提供している

50 WAICトップページ下部にAS情報へのリンク

51 アクセシビリティサポーテッド情報

52 アクセシビリティサポーテッド情報 2014年6月版

53 レベルAの達成基準に関するAS情報

54 2.4.1ブロックスキップのAS情報

55 達成不可能とされるものもあり

56 H50-2 達成不可能

57 対応していないスクリーンリーダーの情報

58 アクセシビリティサポーテッド情報の注意 2014年時点での情報となっている全面的に頼るのではなくあくまで参考にサイトの作り方によるものもあるので実際のサイトで自身でテストを行うと良い

59 作成のコツと注意点プロジェクト開始前におさえておきたい 3つのコツ

60 コツ1: 早めに作る達成方法には設計に影響するものもある実装に着手してから見ても遅い方針の策定が終わり実装が始まる前に一通り見ると良い

61 コツ2: みんなで作るシステム設計やコンテンツ企画にも関わる画像のみのコンテンツを企画して良い? 動画に字幕をつける必要はある? CAPTCHAは利用しても良い? 企画デザイン実装など関係者みんなで作る

62 コツ3: 必要に応じて見直す制作の途中で見直しが必要になることがある例: 当初は動画はない想定だったがやはり入れたいという話になった方針が変わったら見直す

63 まとめ本日のお話を 3行で

64 まとめ WCAG 2.0 の解説や達成方法は関連文書に関連文書を見ながら達成方法を選ぶ読み方達成基準の選び方にはコツがある実装チェックリストは早めに関係者みんなで作るのが理想

65 参考ウェブアクセシビリティ基盤委員会の資料

66 実装チェックリストの作成方法に関する資料 JIS X :2016 試験実施ガイドライン JIS X :2016 試験実施ガイドライン実装チェックリストの作成方法の具体例実装チェックリストの例 2012年11月版

67 実装チェックリスト作成の際に参照する情報 Web Content Accessibility Guidelines (WCAG) WCAG 2.0 解説書 WCAG 2.0 達成方法集アクセシビリティサポーテッド AS 情報

68 これから取り組むWebアクセシビリティ 2018 夏こうすればできるウェブアクセシビリティ実装のポイントと実装チェックリストの作り方 2018年8月22日水曜日

ウェブアクセシビリティセミナー JIS X :2010 を活用したウェブアクセシビリティの普及を目指して JIS X :2010 の概要 2010 年 9 月 22 日渡辺昌洋 NTT サイバーソリューション研究所 Copyright 2010, Nippon Telegr

ウェブアクセシビリティセミナー JIS X :2010 を活用したウェブアクセシビリティの普及を目指して JIS X :2010 の概要 2010 年 9 月 22 日渡辺昌洋 NTT サイバーソリューション研究所 Copyright 2010, Nippon Telegr ウェブアクセシビリティセミナー JIS X 8341-3:2010 を活用したウェブアクセシビリティの普及を目指して JIS X 8341-3:2010 の概要 2010 年 9 月 22 日渡辺昌洋 NTT サイバーソリューション研究所自己紹介渡辺昌洋 ( わたなべまさひろ ) 日本電信電話株式会社サイバーソリューション研究所ヒューマンインタラクションプロジェクト 2008 年度日本規格協会情報技術標準化研究センタ

今日のお話 実装とは? 達成基準と達成方法 実装チェックリストとは? 実装チェックリストの作り方 作成のコツと注意点 まとめ

今日のお話実装とは? 達成基準と達成方法実装チェックリストとは? 実装チェックリストの作り方作成のコツと注意点まとめ