SlideShare ist ein Scribd-Unternehmen logo
1 von 54
Downloaden Sie, um offline zu lesen
CEATEC JAPAN 2014 
JIS X 8341-3:2010 準拠のための試験方法 (最新版) 
http://waic.jp/
CEATEC JAPAN 2014 
0.イントロダクション 1
CEATEC JAPAN 2014 
自己紹介 
 
株式会社ミツエーリンクス 第二本部 第一部(アクセシビリティ) 部長 アクセシビリティ・スペシャリスト 中村 精親(なかむら きよちか) 
 
ウェブアクセシビリティ基盤委員会 作業部会3(試験)主査代行 2
CEATEC JAPAN 2014 
WG3の主な活動 
http://waic.jp/committee/wg3/ 
 
JIS X 8341-3:2010 試験実施ガイドライン 
 
実装チェックリスト例 
 
ウェブコンテンツのJIS X 8341-3:2010 対応 度表記ガイドライン 
 
試験方法に関する国際動向の把握及び国際協調 3
CEATEC JAPAN 2014 
このセッションについて 
最新版? 
「JIS X 8341-3:2010準拠のための試験方法」 という講演がありました。 4
CEATEC JAPAN 2014 
今回のテーマ 
JIS X 8341-3:2010における「試験」について、 
「実施する目的」を理解し、 
「策定すべき方針」の内容について確認し、 
「適切な結果の公開」ができるようになる、 
ということが目標です。 5
CEATEC JAPAN 2014 
アジェンダ 
1. 
「試験」の目的を理解する 
2. 
ウェブアクセシビリティ方針に必要な 内容を確認する 
3. 
適切な試験結果公開におけるポイント について考える 
4. 
まとめと質疑応答 6
CEATEC JAPAN 2014 
1.「試験」の目的を理解する 7
CEATEC JAPAN 2014 
JIS X 8341-3:2010の「試験」とは? 
「箇条8 試験方法」では・・・ 
 
「この規格を用いて適合試験を行うときの試験 の方法を規定している」 
 
「ここで規定された方法に従って、ウェブコン テンツのアクセシビリティ達成等級のどの等級 で、制作・開発したコンテンツがこの規格に適 合しているか評価できる」 
すなわち、試験=達成基準を満たしているかどう かを評価するための手段 8
CEATEC JAPAN 2014 
「試験」=評価の手段 
 
試験したからアクセシビリティが向上するわけ ではない 
 
しかし、公共分野の調達仕様や評価においては、 試験ができることで客観性、透明性が確保され る(JIS X 8341-3:2010 解説) 
 
規定された方法に従って試験を実施し、結果を 公開することで、外部からでも試験結果を参照 し、達成基準を満たしているかどうかの評価が できる 9
CEATEC JAPAN 2014 
「みんなの公共サイト運用モデル」による達成等級の目安 
 
JIS X 8341-3:2010の等級AAに準拠(試験 結果の公開) 10
CEATEC JAPAN 2014 
「JIS X 8341-3:2010に準拠」とは? 
 
「ウェブコンテンツをJIS X 8341-3:2010の 要件に従って制作・開発し、試験を実施して、 目標としたアクセシビリティ達成等級に該当す る達成基準を全て満たしていることを示すため に使用する」表記 ウェブコンテンツの JIS X 8341-3:2010 対 応度表記ガイドライン 
→ 試験を実施して、達成基準をすべて満たして いることを示す 
= 「準拠」するためには「試験」が必要 11
CEATEC JAPAN 2014 
2.ウェブアクセシビリティ方針 に必要な内容を確認する 12
CEATEC JAPAN 2014 
ウェブアクセシビリティ方針 
JIS X 8341-3:2010における記述 13 
6 ウェブアクセシビリティの確保・向上に関する要件 
6.1 企画 
企画段階においてウェブページ一式の責任者は,ウェブアクセシビ リティ方針を策定し,文書化しなければならない。ウェブアクセシ ビリティ方針には,目標とするウェブコンテンツのアクセシビリ ティ達成等級を含まなければならない。 
注記 ウェブアクセシビリティ方針は,ウェブサイトではサイト上, ウェブアプリケーションではマニュアル,パッケージなどで公開す るとよい。
CEATEC JAPAN 2014 
ウェブアクセシビリティ方針策定ガイドライン 
http://waic.jp/docs/jis2010/accessibility-plan-guidelines.html 
対象範囲 
達成等級及び対応度 
を明記することになっている。 14 
・・・これだけでよい? 
もちろん、よいです。でも、できれば・・・
CEATEC JAPAN 2014 
方針に明記するとよい事項 
 
目標を達成する期限 
 
例外事項(ある場合) 
 
追加する達成基準 
 
担当部署名 
 
現時点で把握している問題点及びその対応に関 する考え方 
決定事項が多いと、試験実施の際に困りません。 15
CEATEC JAPAN 2014 
各項目ごとの実例:対象範囲(1) 16 
例1 
株式会社○○○のウェブサイト (http://www.example.co.jp/)。 
これ自体は問題ありません。でも・・・ 
PDFや動画などもすべて対象範囲に含まれます。 
大丈夫でしょうか?
CEATEC JAPAN 2014 
各項目ごとの実例:対象範囲(2) 17 
例2 
株式会社○○○のウェブサイト (http://www.example.co.jp/)。 
ただし、PDF等の添付ファイルについては対象外とします。 
対象外のコンテンツがあること自体は問題ありま せん。でも・・・
CEATEC JAPAN 2014 
各項目ごとの実例:対象範囲(2a) 18 
 
対象に含まないウェブコンテンツがある場合に は、URIを明示するなどして、その部分が特定 できるように明記する。 
 
ウェブページ一式(例:ウェブサイト全体や ウェブアプリケーション全体など)を対象範囲 とするが全てのウェブページで対応することが 困難な場合は、最終目標は全体を対象とすると いう前提で、以下の例(※)のように当面の目 標を併記する。 
※ 
例については「ウェブアクセシビリティ方針策定ガイドライン」を ご参照ください。
CEATEC JAPAN 2014 
各項目ごとの実例:対象範囲(3) 19 
例3 
株式会社○○○のウェブサイト (http://www.example.co.jp/)。 ただし、以下については対応が困難なため、当面の間、当方針の対 象外とする。 
 
PDF 
より明確な方がよいですが、部分の特定はできそ うです。 
一方、当面の目標はより明確にすることが望まれ ます。
CEATEC JAPAN 2014 
各項目ごとの実例:対象範囲(4) 20 
例4: 
PDFファイル等の添付 ファイルへの対応 
PDFファイル等の添付 ファイルに関する達成基 準(A、AA) 
達成が困難なため、アク セシビリティ方針に含み ませんが、今後作成する PDF等について、できる だけHTMLページをあわせ て用意する、あるいは HTMLページに概要情報を 掲載するなどの対応を行 います。 
対象はもう少し明確な方がよいですが、対応方針 が明確な点がよいと思います。
CEATEC JAPAN 2014 
各項目ごとの実例:達成等級及び対応度(1) 21 
例1 
JIS X 8341-3:2010のウェブアクセシビリティ達成等級AAに準拠 
問題ありません。 
達成等級:AA 
対応度:準拠 
とそれぞれに明確になっています。
CEATEC JAPAN 2014 
各項目ごとの実例:達成等級及び対応度(2) 22 
例2 
JIS X 8341-3:2010の等級Aに一部準拠 
一見、達成等級、対応度ともに記載されていて、 問題ないように思われますが、「一部準拠」が最 終目標となっている状況は推奨されません。 
「一部準拠」を当面の目標とする場合は、期限や 今後の予定を明記します。
CEATEC JAPAN 2014 
方針に必要な内容のまとめ 
 
対象範囲はできるだけ明確に、対象としないと ころも明示した上で、今後の予定がわかると、 より望ましい 
 
達成等級と対応度は「一部準拠」を最終目標と しないことと、当面の目標にする場合に期限や 今後の予定がわかるように 23
CEATEC JAPAN 2014 
3.適切な試験結果公開における ポイントについて考える 24
CEATEC JAPAN 2014 
「8.3 試験結果の表示」を理解する 
 
必ず表示しなければならない事項と表示するこ とが望ましい事項がある 25
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 26
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ 達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 27
CEATEC JAPAN 2014 
各項目ごとの実例:達成等級(1) 28 
例1 
JIS X 8341-3:2010のウェブアクセシビリティ達成等級AAに準拠 
もちろん、問題ありません。
CEATEC JAPAN 2014 
各項目ごとの実例:達成等級(2) 29 
例2 
JIS X 8341-3:2010の等級Aに一部準拠 
こちらも試験結果としてはこれ自体に問題はあり ません。 
ただし、「一部準拠」と表示する場合には追加表 示事項が必要となります。
CEATEC JAPAN 2014 
各項目ごとの実例:達成等級(2a) 30 
 
達成基準の一部を満たせなかった理由 今回の実施期間においては、ウェブサイト全体の改修を 実施することができませんでした。 そのため、共通で利用している部分が未改修となり、基 準を満たせませんでした。 
 
準拠に向けたスケジュール ウェブアクセシビリティ方針に記載の通り、次期リ ニューアルの際に準拠を目指します。 また、それまでの期間については可能な範囲で対応を進 めます。 
※ 
詳細については「ウェブコンテンツの JIS X 8341-3:2010 対応 度表記ガイドライン」もご参照ください。
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 31
CEATEC JAPAN 2014 
各項目ごとの実例:ウェブページ一式を特定するための範囲(1) 32 
例1 
○○○公式ホームページ内 (URLがhttp://www.example.co.jp/から始まるページ) 
これ自体は問題ありません。でも・・・ 
例外事項に対象範囲からの除外が記載されていた りすることがあります。 
「方針」では例外事項として記載できますが、 試験結果ではこの項目で対象を特定する必要が あります。
CEATEC JAPAN 2014 
各項目ごとの実例:ウェブページ一式を特定するための範囲(2) 33 
例2 
ウェブページ一式の範囲 
JIS X 8341-3:2010試験実施ガイドラインに基づき、 ○○○○が 運営するhttp://www.example.co.jp/ドメインよりランダムな 方法とランダムではない方法を用い、ウェブページ単位で11ページ を選択 
いろいろと混ざってしまったようです・・・
CEATEC JAPAN 2014 
各項目ごとの実例:ウェブページ一式を特定するための範囲(3) 34 
 
この項目でよくある問題(1) 「方針」がサイト全体(ウェブページ一式)だったにも 関わらずこの項目がない。 JIS X 8341-3:2010 に基づく試験結果表示(ウェブ ページ単位) JIS X 8341-3:2010 に基づく試験結果表示(ウェブ ページ一式) のいずれであるかを明確に表示しましょう。
CEATEC JAPAN 2014 
各項目ごとの実例:ウェブページ一式を特定するための範囲(4) 35 
 
この項目でよくある問題(2) 「方針」策定時に記載した「対象範囲」がそのまま記載 されているが、対象を特定できない状態のままとなって いる。 「試験結果の表示」においては、客観性、透明性の観点 において正確な記載が必要となるため、「方針」で曖昧 な記述となっている場合には、内容を明確にする必要が あります。
CEATEC JAPAN 2014 
各項目ごとの実例:ウェブページ一式を特定するための範囲(5) 36 
 
対象範囲を特定できるように変更した例 方針: ○○市のウェブサイト (http://www.city.example.jp/)。 ただし、CMSで管理しているウェブページのみを対象 とする。 ↓ 試験結果: ○○市のウェブサイトのうち、 CMSで管理している http://www.city.example.jp/cms/ 以下のみを対象とする。
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 37
CEATEC JAPAN 2014 
各項目ごとの実例:試験の対象ウェブページを選択した方法(1) 38 
例1 
ランダムな方法とランダムではない方法を用い、40ページを選択し ています。 
ランダムではない方法では、JIS X 8341-3:2010の「8.1.2 c) ランダムではない方法で選択する場合」の記載内容に基づき選択し ています。 
概ねよいのですが、次項目の試験を行ったウェブ ページのURI(又はウェブページ群のURIリスト 及びその数)において、それぞれがどちらである かを明記する必要があります。
CEATEC JAPAN 2014 
各項目ごとの実例:試験の対象ウェブページを選択した方法(2) 39 
例2 
ランダムな選択方法およびランダムではない選択方法の両方を用い る。 
同じく、これ自体はよいのですが、次項目の試験 を行ったウェブページのURI(又はウェブページ 群のURIリスト及びその数)において、それぞれ がどちらであるかを明記する必要があります。
CEATEC JAPAN 2014 
各項目ごとの実例:試験の対象ウェブページを選択した方法(3) 40 
 
この項目でよくある問題(1) 「ランダムに選択する」方法を用いているが、対象ペー ジがあきらかに恣意的に選ばれているように見える。 ランダム=無作為 という点には十分にご注意ください。
CEATEC JAPAN 2014 
各項目ごとの実例:試験の対象ウェブページを選択した方法(4) 41 
 
この項目でよくある問題(2) 「ランダムに選択する」方法を用いた際に、対象として いるページ数が十分でないように思われる。 JIS X8341-3:2010 試験実施ガイドライン 2012年11月版 http://waic.jp/docs/jis2010-test-guidelines/201211/#h3_2_3_sampling を参考にされることが多いと思いますが、サイトの性質 なども勘案し、適切なページ数を選定してください。 
※ 
なお、上記箇所は今後わかりやすい内容となるよう、 改修を検討しております。
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブ ページ群のURIリスト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 42
CEATEC JAPAN 2014 
各項目ごとの実例:試験を行ったウェブページのURI 43 
(又はウェブページ群のURIリスト及びその数) 
この項目については、試験を実際に実施したペー ジのURIが列挙されているか、第三者が確認した 場合に明確に理解できる記載方法であれば問題あ りません。 ただし、前述の通り、ランダムとランダムではな い方法を組み合わせる場合にはどちらでの選択で あるかを明記しましょう。
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定 できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 44
CEATEC JAPAN 2014 
各項目ごとの実例:例外事項の該当箇所を特定できる説明(1) 45 
例1 
外部サイトの検索サービス 
これだけでは該当箇所を特定することが難しく、 またそもそも例外事項であるかどうかも明確では ありません。
CEATEC JAPAN 2014 
各項目ごとの実例:例外事項の該当箇所を特定できる説明(2) 46 
 
この項目でよくある問題(1) 外部の動画配信サービスを利用しており、そのサービス が基準を満たしていないので、例外としたい ↓ × サービスを選択するのはそのページの管理者の責任で ある
CEATEC JAPAN 2014 
各項目ごとの実例:例外事項の該当箇所を特定できる説明(3) 47 
 
例外事項の記述対象とできる場合とは 
 
第三者によるコンテンツが監視されていて、2営業日以内に修 正できる 
 
コンテンツ制作者が監視・修正できるコンテンツではなく、か つ利用者が識別できるように例外適用箇所が明確に説明されて いる 
そうではない場合に対象としない際には例外事項ではなく、 対象範囲から除外する必要がある
CEATEC JAPAN 2014 
試験結果表示に含まなければならない内容 
()内はウェブページ一式の場合に適用される 
 
達成したウェブコンテンツのアクセシビリティ達成等級 
 
(ウェブページ一式を特定するための範囲) 
 
(試験の対象ウェブページを選択した方法) 
 
試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数) 
 
8.1.3の例外事項がある場合、該当箇所を特定できる説明 
 
依存したウェブコンテンツ技術のリスト 
 
達成基準チェックリスト 
 
試験実施期間 48
CEATEC JAPAN 2014 
参考にしてほしい例 
菊池市ホームページ ウェブアクセシビリティに ついて - 菊池市 http://www.city.kikuchi.lg.jp/q/aview/341/3790.html 
49
CEATEC JAPAN 2014 
4.まとめ 50
CEATEC JAPAN 2014 
まとめ 
 
本来「試験」のための対応ではなく、 アクセシビリティを向上させた結果を 明確にするのが「試験」 
 
方針の策定と試験結果の公開は現状を適切に 伝え、対応の不足している部分は今後の方針を 明確にしていくことが重要であり、「試験」が 終わったから完了ではなく、継続的な改善が 最も重要 51
CEATEC JAPAN 2014 
まとめ 
 
すべて「準拠」できないから公開しない、 ではなく、まずは方針を策定し、仮に「試験」 が実施できなくても、対応した内容を公開して ください 
 
WAICでは 公的機関におけるウェブアクセシビリティ方針策定と試験結果表示の実態 調査(2014年5月) 一般企業におけるウェブアクセシビリティ方針策定と試験結果表示の実態 調査(2014年8月) といった文書も公開しています。 52
CEATEC JAPAN 2014 
JIS X 8341-3:2010 準拠のための試験方法 (最新版) 
http://waic.jp/ 53

Weitere ähnliche Inhalte

Andere mochten auch

HTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはHTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはSho Ito
 
WebフォントとSVGフォント
WebフォントとSVGフォントWebフォントとSVGフォント
WebフォントとSVGフォントJun Fujisawa
 
CSSにもオブジェクト指向を - OOCSSことはじめ
CSSにもオブジェクト指向を - OOCSSことはじめCSSにもオブジェクト指向を - OOCSSことはじめ
CSSにもオブジェクト指向を - OOCSSことはじめNisei Kimura
 
集合知プログラミング 第6章 ドキュメントとフィルタリング~draft
集合知プログラミング 第6章 ドキュメントとフィルタリング~draft集合知プログラミング 第6章 ドキュメントとフィルタリング~draft
集合知プログラミング 第6章 ドキュメントとフィルタリング~draftKenji Koshikawa
 
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性Renji Yoneda
 
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法Ryujiro Yamamoto
 
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015Sociomedia
 
Chromeでjavascriptデバッグ!まず半歩♪
Chromeでjavascriptデバッグ!まず半歩♪Chromeでjavascriptデバッグ!まず半歩♪
Chromeでjavascriptデバッグ!まず半歩♪Yuji Nojima
 
レコメンデーション(協調フィルタリング)の基礎
レコメンデーション(協調フィルタリング)の基礎レコメンデーション(協調フィルタリング)の基礎
レコメンデーション(協調フィルタリング)の基礎Katsuhiro Takata
 
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!Marie Suenaga
 
-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろう-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろうnico0927
 
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説Cherry Pie Web
 
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)Horiguchi Seito
 
ウェブデザインの本質と、構成要素
ウェブデザインの本質と、構成要素ウェブデザインの本質と、構成要素
ウェブデザインの本質と、構成要素vanillate cocoa
 
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャMayu Kimura
 
コーディングが上達するコツ
コーディングが上達するコツコーディングが上達するコツ
コーディングが上達するコツevol-ni
 
Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門樽八 仲川
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門Yuji Nojima
 
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門Hayato Mizuno
 
Webライティング11のルール
Webライティング11のルールWebライティング11のルール
Webライティング11のルールTsutomu Sogitani
 

Andere mochten auch (20)

HTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるにはHTML5時代の技術の恩恵を受けるには
HTML5時代の技術の恩恵を受けるには
 
WebフォントとSVGフォント
WebフォントとSVGフォントWebフォントとSVGフォント
WebフォントとSVGフォント
 
CSSにもオブジェクト指向を - OOCSSことはじめ
CSSにもオブジェクト指向を - OOCSSことはじめCSSにもオブジェクト指向を - OOCSSことはじめ
CSSにもオブジェクト指向を - OOCSSことはじめ
 
集合知プログラミング 第6章 ドキュメントとフィルタリング~draft
集合知プログラミング 第6章 ドキュメントとフィルタリング~draft集合知プログラミング 第6章 ドキュメントとフィルタリング~draft
集合知プログラミング 第6章 ドキュメントとフィルタリング~draft
 
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性
 
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法
 
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
 
Chromeでjavascriptデバッグ!まず半歩♪
Chromeでjavascriptデバッグ!まず半歩♪Chromeでjavascriptデバッグ!まず半歩♪
Chromeでjavascriptデバッグ!まず半歩♪
 
レコメンデーション(協調フィルタリング)の基礎
レコメンデーション(協調フィルタリング)の基礎レコメンデーション(協調フィルタリング)の基礎
レコメンデーション(協調フィルタリング)の基礎
 
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
 
-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろう-入門- enchant.js でゲームを作ろう
-入門- enchant.js でゲームを作ろう
 
.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説.htaccessによるリダイレクト徹底解説
.htaccessによるリダイレクト徹底解説
 
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
 
ウェブデザインの本質と、構成要素
ウェブデザインの本質と、構成要素ウェブデザインの本質と、構成要素
ウェブデザインの本質と、構成要素
 
今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ今必要なCSSアーキテクチャ
今必要なCSSアーキテクチャ
 
コーディングが上達するコツ
コーディングが上達するコツコーディングが上達するコツ
コーディングが上達するコツ
 
Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門Webアプリケーション負荷試験実践入門
Webアプリケーション負荷試験実践入門
 
WordPressプラグイン作成入門
WordPressプラグイン作成入門WordPressプラグイン作成入門
WordPressプラグイン作成入門
 
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門
 
Webライティング11のルール
Webライティング11のルールWebライティング11のルール
Webライティング11のルール
 

Ähnlich wie Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)

60分でわかった気になるISO29119 #wacate
60分でわかった気になるISO29119 #wacate60分でわかった気になるISO29119 #wacate
60分でわかった気になるISO29119 #wacateKinji Akemine
 
テスト分析入門 -「ゆもつよメソッド」を例に- #wacate
テスト分析入門 -「ゆもつよメソッド」を例に- #wacateテスト分析入門 -「ゆもつよメソッド」を例に- #wacate
テスト分析入門 -「ゆもつよメソッド」を例に- #wacateKinji Akemine
 
テスト観点に関する取り組み事例
テスト観点に関する取り組み事例テスト観点に関する取り組み事例
テスト観点に関する取り組み事例NaokiKashiwagura
 
ICST 2015 まるわかりDay! -Model
ICST 2015 まるわかりDay! -ModelICST 2015 まるわかりDay! -Model
ICST 2015 まるわかりDay! -ModelKinji Akemine
 
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04Makoto Nonaka
 
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)Developers Summit
 
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)Keizo Tatsumi
 
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日組み合わせテストの設計(PictMaster勉強会) 2008年7月17日
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日Keizo Tatsumi
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようOsamu Monoe
 
「最強」のチームを「造る」技術基盤 ディレクターズ・カット
「最強」のチームを「造る」技術基盤 ディレクターズ・カット「最強」のチームを「造る」技術基盤 ディレクターズ・カット
「最強」のチームを「造る」技術基盤 ディレクターズ・カットRakuten Group, Inc.
 
CIが分からない PE(SETエンジニア)の1年生がWebAPIの負荷テストを 背伸びしてCI運用した
CIが分からないPE(SETエンジニア)の1年生がWebAPIの負荷テストを背伸びしてCI運用したCIが分からないPE(SETエンジニア)の1年生がWebAPIの負荷テストを背伸びしてCI運用した
CIが分からない PE(SETエンジニア)の1年生がWebAPIの負荷テストを 背伸びしてCI運用したssuser0be501
 
テストプロセス改善モデルの最新動向
テストプロセス改善モデルの最新動向テストプロセス改善モデルの最新動向
テストプロセス改善モデルの最新動向崇 山﨑
 
Test process improvement starting from the problem awareness of team members ...
Test process improvement starting from the problem awareness of team members ...Test process improvement starting from the problem awareness of team members ...
Test process improvement starting from the problem awareness of team members ...Adachi Kenji
 
チェックリストと分割に基づく 網羅と使用テスト
チェックリストと分割に基づく  網羅と使用テストチェックリストと分割に基づく  網羅と使用テスト
チェックリストと分割に基づく 網羅と使用テストJiachen Yang
 
Coding Guide
Coding GuideCoding Guide
Coding Guideohdreamer
 
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)NTT DATA Technology & Innovation
 
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究harmonylab
 
Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Akiko Kosaka
 

Ähnlich wie Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版) (20)

60分でわかった気になるISO29119 #wacate
60分でわかった気になるISO29119 #wacate60分でわかった気になるISO29119 #wacate
60分でわかった気になるISO29119 #wacate
 
テスト分析入門 -「ゆもつよメソッド」を例に- #wacate
テスト分析入門 -「ゆもつよメソッド」を例に- #wacateテスト分析入門 -「ゆもつよメソッド」を例に- #wacate
テスト分析入門 -「ゆもつよメソッド」を例に- #wacate
 
テスト観点に関する取り組み事例
テスト観点に関する取り組み事例テスト観点に関する取り組み事例
テスト観点に関する取り組み事例
 
Wacate2015summer_report
Wacate2015summer_reportWacate2015summer_report
Wacate2015summer_report
 
ICST 2015 まるわかりDay! -Model
ICST 2015 まるわかりDay! -ModelICST 2015 まるわかりDay! -Model
ICST 2015 まるわかりDay! -Model
 
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
「事実にもとづく管理」によるソフトウェア品質の改善 ー ヒンシツ大学 Evening Talk #04
 
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)
デブサミ2014【13-B-L】テスト自動化を見直そう!自動化への投資が開発チームをクリエイティブにする(安竹由起夫〔コベリティジャパン〕)
 
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)
世界に目を向けよう - ASTER国際連携活動事例(JaSST'15 tokyo)
 
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日組み合わせテストの設計(PictMaster勉強会) 2008年7月17日
組み合わせテストの設計(PictMaster勉強会) 2008年7月17日
 
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しようその Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
 
「最強」のチームを「造る」技術基盤 ディレクターズ・カット
「最強」のチームを「造る」技術基盤 ディレクターズ・カット「最強」のチームを「造る」技術基盤 ディレクターズ・カット
「最強」のチームを「造る」技術基盤 ディレクターズ・カット
 
CIが分からない PE(SETエンジニア)の1年生がWebAPIの負荷テストを 背伸びしてCI運用した
CIが分からないPE(SETエンジニア)の1年生がWebAPIの負荷テストを背伸びしてCI運用したCIが分からないPE(SETエンジニア)の1年生がWebAPIの負荷テストを背伸びしてCI運用した
CIが分からない PE(SETエンジニア)の1年生がWebAPIの負荷テストを 背伸びしてCI運用した
 
テストプロセス改善モデルの最新動向
テストプロセス改善モデルの最新動向テストプロセス改善モデルの最新動向
テストプロセス改善モデルの最新動向
 
ssmjp 20200221 Automation
ssmjp 20200221 Automationssmjp 20200221 Automation
ssmjp 20200221 Automation
 
Test process improvement starting from the problem awareness of team members ...
Test process improvement starting from the problem awareness of team members ...Test process improvement starting from the problem awareness of team members ...
Test process improvement starting from the problem awareness of team members ...
 
チェックリストと分割に基づく 網羅と使用テスト
チェックリストと分割に基づく  網羅と使用テストチェックリストと分割に基づく  網羅と使用テスト
チェックリストと分割に基づく 網羅と使用テスト
 
Coding Guide
Coding GuideCoding Guide
Coding Guide
 
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)
入門 Kubeflow ~Kubernetesで機械学習をはじめるために~ (NTT Tech Conference #4 講演資料)
 
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究
灯油配送計画の最適化に向けた ヒューリスティクスの開発に関する研究
 
Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料Agile japan2010 rakuten様プレゼン資料
Agile japan2010 rakuten様プレゼン資料
 

Mehr von Web Accessibility Infrastructure Committee (WAIC)

Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Web Accessibility Infrastructure Committee (WAIC)
 
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWebアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWeb Accessibility Infrastructure Committee (WAIC)
 
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方Web Accessibility Infrastructure Committee (WAIC)
 
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~Web Accessibility Infrastructure Committee (WAIC)
 
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~Web Accessibility Infrastructure Committee (WAIC)
 
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際Web Accessibility Infrastructure Committee (WAIC)
 

Mehr von Web Accessibility Infrastructure Committee (WAIC) (20)

Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
Webアクセシビリティセミナー2:なぜ企業はWebアクセシビリティに取り組むのか?
 
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知るWebアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
 
こうすればできる!ウェブアクセシビリティ試験実施のポイント
こうすればできる!ウェブアクセシビリティ試験実施のポイントこうすればできる!ウェブアクセシビリティ試験実施のポイント
こうすればできる!ウェブアクセシビリティ試験実施のポイント
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
 
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWebアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
 
Webアクセシビリティ:わたしたち、こうして解決していきます
Webアクセシビリティ:わたしたち、こうして解決していきますWebアクセシビリティ:わたしたち、こうして解決していきます
Webアクセシビリティ:わたしたち、こうして解決していきます
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
 
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方
 
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
 
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
わたしたち、こうしてつくっています ~アクセシブルなサービス提供に向けた取り組み~
 
一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方
 
なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?なぜ企業はWebアクセシビリティに取り組むのか?
なぜ企業はWebアクセシビリティに取り組むのか?
 
情報取得における支援技術の進展と利用シーンの変化
情報取得における支援技術の進展と利用シーンの変化情報取得における支援技術の進展と利用シーンの変化
情報取得における支援技術の進展と利用シーンの変化
 
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~
Webアクセシビリティ最新動向 ~JIS X 8341-3:2016と障害者差別解消法~
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
 
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
 
障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ
 
アクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイントアクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイント
 
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
 

Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)

  • 1. CEATEC JAPAN 2014 JIS X 8341-3:2010 準拠のための試験方法 (最新版) http://waic.jp/
  • 2. CEATEC JAPAN 2014 0.イントロダクション 1
  • 3. CEATEC JAPAN 2014 自己紹介  株式会社ミツエーリンクス 第二本部 第一部(アクセシビリティ) 部長 アクセシビリティ・スペシャリスト 中村 精親(なかむら きよちか)  ウェブアクセシビリティ基盤委員会 作業部会3(試験)主査代行 2
  • 4. CEATEC JAPAN 2014 WG3の主な活動 http://waic.jp/committee/wg3/  JIS X 8341-3:2010 試験実施ガイドライン  実装チェックリスト例  ウェブコンテンツのJIS X 8341-3:2010 対応 度表記ガイドライン  試験方法に関する国際動向の把握及び国際協調 3
  • 5. CEATEC JAPAN 2014 このセッションについて 最新版? 「JIS X 8341-3:2010準拠のための試験方法」 という講演がありました。 4
  • 6. CEATEC JAPAN 2014 今回のテーマ JIS X 8341-3:2010における「試験」について、 「実施する目的」を理解し、 「策定すべき方針」の内容について確認し、 「適切な結果の公開」ができるようになる、 ということが目標です。 5
  • 7. CEATEC JAPAN 2014 アジェンダ 1. 「試験」の目的を理解する 2. ウェブアクセシビリティ方針に必要な 内容を確認する 3. 適切な試験結果公開におけるポイント について考える 4. まとめと質疑応答 6
  • 8. CEATEC JAPAN 2014 1.「試験」の目的を理解する 7
  • 9. CEATEC JAPAN 2014 JIS X 8341-3:2010の「試験」とは? 「箇条8 試験方法」では・・・  「この規格を用いて適合試験を行うときの試験 の方法を規定している」  「ここで規定された方法に従って、ウェブコン テンツのアクセシビリティ達成等級のどの等級 で、制作・開発したコンテンツがこの規格に適 合しているか評価できる」 すなわち、試験=達成基準を満たしているかどう かを評価するための手段 8
  • 10. CEATEC JAPAN 2014 「試験」=評価の手段  試験したからアクセシビリティが向上するわけ ではない  しかし、公共分野の調達仕様や評価においては、 試験ができることで客観性、透明性が確保され る(JIS X 8341-3:2010 解説)  規定された方法に従って試験を実施し、結果を 公開することで、外部からでも試験結果を参照 し、達成基準を満たしているかどうかの評価が できる 9
  • 11. CEATEC JAPAN 2014 「みんなの公共サイト運用モデル」による達成等級の目安  JIS X 8341-3:2010の等級AAに準拠(試験 結果の公開) 10
  • 12. CEATEC JAPAN 2014 「JIS X 8341-3:2010に準拠」とは?  「ウェブコンテンツをJIS X 8341-3:2010の 要件に従って制作・開発し、試験を実施して、 目標としたアクセシビリティ達成等級に該当す る達成基準を全て満たしていることを示すため に使用する」表記 ウェブコンテンツの JIS X 8341-3:2010 対 応度表記ガイドライン → 試験を実施して、達成基準をすべて満たして いることを示す = 「準拠」するためには「試験」が必要 11
  • 13. CEATEC JAPAN 2014 2.ウェブアクセシビリティ方針 に必要な内容を確認する 12
  • 14. CEATEC JAPAN 2014 ウェブアクセシビリティ方針 JIS X 8341-3:2010における記述 13 6 ウェブアクセシビリティの確保・向上に関する要件 6.1 企画 企画段階においてウェブページ一式の責任者は,ウェブアクセシビ リティ方針を策定し,文書化しなければならない。ウェブアクセシ ビリティ方針には,目標とするウェブコンテンツのアクセシビリ ティ達成等級を含まなければならない。 注記 ウェブアクセシビリティ方針は,ウェブサイトではサイト上, ウェブアプリケーションではマニュアル,パッケージなどで公開す るとよい。
  • 15. CEATEC JAPAN 2014 ウェブアクセシビリティ方針策定ガイドライン http://waic.jp/docs/jis2010/accessibility-plan-guidelines.html 対象範囲 達成等級及び対応度 を明記することになっている。 14 ・・・これだけでよい? もちろん、よいです。でも、できれば・・・
  • 16. CEATEC JAPAN 2014 方針に明記するとよい事項  目標を達成する期限  例外事項(ある場合)  追加する達成基準  担当部署名  現時点で把握している問題点及びその対応に関 する考え方 決定事項が多いと、試験実施の際に困りません。 15
  • 17. CEATEC JAPAN 2014 各項目ごとの実例:対象範囲(1) 16 例1 株式会社○○○のウェブサイト (http://www.example.co.jp/)。 これ自体は問題ありません。でも・・・ PDFや動画などもすべて対象範囲に含まれます。 大丈夫でしょうか?
  • 18. CEATEC JAPAN 2014 各項目ごとの実例:対象範囲(2) 17 例2 株式会社○○○のウェブサイト (http://www.example.co.jp/)。 ただし、PDF等の添付ファイルについては対象外とします。 対象外のコンテンツがあること自体は問題ありま せん。でも・・・
  • 19. CEATEC JAPAN 2014 各項目ごとの実例:対象範囲(2a) 18  対象に含まないウェブコンテンツがある場合に は、URIを明示するなどして、その部分が特定 できるように明記する。  ウェブページ一式(例:ウェブサイト全体や ウェブアプリケーション全体など)を対象範囲 とするが全てのウェブページで対応することが 困難な場合は、最終目標は全体を対象とすると いう前提で、以下の例(※)のように当面の目 標を併記する。 ※ 例については「ウェブアクセシビリティ方針策定ガイドライン」を ご参照ください。
  • 20. CEATEC JAPAN 2014 各項目ごとの実例:対象範囲(3) 19 例3 株式会社○○○のウェブサイト (http://www.example.co.jp/)。 ただし、以下については対応が困難なため、当面の間、当方針の対 象外とする。  PDF より明確な方がよいですが、部分の特定はできそ うです。 一方、当面の目標はより明確にすることが望まれ ます。
  • 21. CEATEC JAPAN 2014 各項目ごとの実例:対象範囲(4) 20 例4: PDFファイル等の添付 ファイルへの対応 PDFファイル等の添付 ファイルに関する達成基 準(A、AA) 達成が困難なため、アク セシビリティ方針に含み ませんが、今後作成する PDF等について、できる だけHTMLページをあわせ て用意する、あるいは HTMLページに概要情報を 掲載するなどの対応を行 います。 対象はもう少し明確な方がよいですが、対応方針 が明確な点がよいと思います。
  • 22. CEATEC JAPAN 2014 各項目ごとの実例:達成等級及び対応度(1) 21 例1 JIS X 8341-3:2010のウェブアクセシビリティ達成等級AAに準拠 問題ありません。 達成等級:AA 対応度:準拠 とそれぞれに明確になっています。
  • 23. CEATEC JAPAN 2014 各項目ごとの実例:達成等級及び対応度(2) 22 例2 JIS X 8341-3:2010の等級Aに一部準拠 一見、達成等級、対応度ともに記載されていて、 問題ないように思われますが、「一部準拠」が最 終目標となっている状況は推奨されません。 「一部準拠」を当面の目標とする場合は、期限や 今後の予定を明記します。
  • 24. CEATEC JAPAN 2014 方針に必要な内容のまとめ  対象範囲はできるだけ明確に、対象としないと ころも明示した上で、今後の予定がわかると、 より望ましい  達成等級と対応度は「一部準拠」を最終目標と しないことと、当面の目標にする場合に期限や 今後の予定がわかるように 23
  • 25. CEATEC JAPAN 2014 3.適切な試験結果公開における ポイントについて考える 24
  • 26. CEATEC JAPAN 2014 「8.3 試験結果の表示」を理解する  必ず表示しなければならない事項と表示するこ とが望ましい事項がある 25
  • 27. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 26
  • 28. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ 達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 27
  • 29. CEATEC JAPAN 2014 各項目ごとの実例:達成等級(1) 28 例1 JIS X 8341-3:2010のウェブアクセシビリティ達成等級AAに準拠 もちろん、問題ありません。
  • 30. CEATEC JAPAN 2014 各項目ごとの実例:達成等級(2) 29 例2 JIS X 8341-3:2010の等級Aに一部準拠 こちらも試験結果としてはこれ自体に問題はあり ません。 ただし、「一部準拠」と表示する場合には追加表 示事項が必要となります。
  • 31. CEATEC JAPAN 2014 各項目ごとの実例:達成等級(2a) 30  達成基準の一部を満たせなかった理由 今回の実施期間においては、ウェブサイト全体の改修を 実施することができませんでした。 そのため、共通で利用している部分が未改修となり、基 準を満たせませんでした。  準拠に向けたスケジュール ウェブアクセシビリティ方針に記載の通り、次期リ ニューアルの際に準拠を目指します。 また、それまでの期間については可能な範囲で対応を進 めます。 ※ 詳細については「ウェブコンテンツの JIS X 8341-3:2010 対応 度表記ガイドライン」もご参照ください。
  • 32. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 31
  • 33. CEATEC JAPAN 2014 各項目ごとの実例:ウェブページ一式を特定するための範囲(1) 32 例1 ○○○公式ホームページ内 (URLがhttp://www.example.co.jp/から始まるページ) これ自体は問題ありません。でも・・・ 例外事項に対象範囲からの除外が記載されていた りすることがあります。 「方針」では例外事項として記載できますが、 試験結果ではこの項目で対象を特定する必要が あります。
  • 34. CEATEC JAPAN 2014 各項目ごとの実例:ウェブページ一式を特定するための範囲(2) 33 例2 ウェブページ一式の範囲 JIS X 8341-3:2010試験実施ガイドラインに基づき、 ○○○○が 運営するhttp://www.example.co.jp/ドメインよりランダムな 方法とランダムではない方法を用い、ウェブページ単位で11ページ を選択 いろいろと混ざってしまったようです・・・
  • 35. CEATEC JAPAN 2014 各項目ごとの実例:ウェブページ一式を特定するための範囲(3) 34  この項目でよくある問題(1) 「方針」がサイト全体(ウェブページ一式)だったにも 関わらずこの項目がない。 JIS X 8341-3:2010 に基づく試験結果表示(ウェブ ページ単位) JIS X 8341-3:2010 に基づく試験結果表示(ウェブ ページ一式) のいずれであるかを明確に表示しましょう。
  • 36. CEATEC JAPAN 2014 各項目ごとの実例:ウェブページ一式を特定するための範囲(4) 35  この項目でよくある問題(2) 「方針」策定時に記載した「対象範囲」がそのまま記載 されているが、対象を特定できない状態のままとなって いる。 「試験結果の表示」においては、客観性、透明性の観点 において正確な記載が必要となるため、「方針」で曖昧 な記述となっている場合には、内容を明確にする必要が あります。
  • 37. CEATEC JAPAN 2014 各項目ごとの実例:ウェブページ一式を特定するための範囲(5) 36  対象範囲を特定できるように変更した例 方針: ○○市のウェブサイト (http://www.city.example.jp/)。 ただし、CMSで管理しているウェブページのみを対象 とする。 ↓ 試験結果: ○○市のウェブサイトのうち、 CMSで管理している http://www.city.example.jp/cms/ 以下のみを対象とする。
  • 38. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 37
  • 39. CEATEC JAPAN 2014 各項目ごとの実例:試験の対象ウェブページを選択した方法(1) 38 例1 ランダムな方法とランダムではない方法を用い、40ページを選択し ています。 ランダムではない方法では、JIS X 8341-3:2010の「8.1.2 c) ランダムではない方法で選択する場合」の記載内容に基づき選択し ています。 概ねよいのですが、次項目の試験を行ったウェブ ページのURI(又はウェブページ群のURIリスト 及びその数)において、それぞれがどちらである かを明記する必要があります。
  • 40. CEATEC JAPAN 2014 各項目ごとの実例:試験の対象ウェブページを選択した方法(2) 39 例2 ランダムな選択方法およびランダムではない選択方法の両方を用い る。 同じく、これ自体はよいのですが、次項目の試験 を行ったウェブページのURI(又はウェブページ 群のURIリスト及びその数)において、それぞれ がどちらであるかを明記する必要があります。
  • 41. CEATEC JAPAN 2014 各項目ごとの実例:試験の対象ウェブページを選択した方法(3) 40  この項目でよくある問題(1) 「ランダムに選択する」方法を用いているが、対象ペー ジがあきらかに恣意的に選ばれているように見える。 ランダム=無作為 という点には十分にご注意ください。
  • 42. CEATEC JAPAN 2014 各項目ごとの実例:試験の対象ウェブページを選択した方法(4) 41  この項目でよくある問題(2) 「ランダムに選択する」方法を用いた際に、対象として いるページ数が十分でないように思われる。 JIS X8341-3:2010 試験実施ガイドライン 2012年11月版 http://waic.jp/docs/jis2010-test-guidelines/201211/#h3_2_3_sampling を参考にされることが多いと思いますが、サイトの性質 なども勘案し、適切なページ数を選定してください。 ※ なお、上記箇所は今後わかりやすい内容となるよう、 改修を検討しております。
  • 43. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブ ページ群のURIリスト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 42
  • 44. CEATEC JAPAN 2014 各項目ごとの実例:試験を行ったウェブページのURI 43 (又はウェブページ群のURIリスト及びその数) この項目については、試験を実際に実施したペー ジのURIが列挙されているか、第三者が確認した 場合に明確に理解できる記載方法であれば問題あ りません。 ただし、前述の通り、ランダムとランダムではな い方法を組み合わせる場合にはどちらでの選択で あるかを明記しましょう。
  • 45. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定 できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 44
  • 46. CEATEC JAPAN 2014 各項目ごとの実例:例外事項の該当箇所を特定できる説明(1) 45 例1 外部サイトの検索サービス これだけでは該当箇所を特定することが難しく、 またそもそも例外事項であるかどうかも明確では ありません。
  • 47. CEATEC JAPAN 2014 各項目ごとの実例:例外事項の該当箇所を特定できる説明(2) 46  この項目でよくある問題(1) 外部の動画配信サービスを利用しており、そのサービス が基準を満たしていないので、例外としたい ↓ × サービスを選択するのはそのページの管理者の責任で ある
  • 48. CEATEC JAPAN 2014 各項目ごとの実例:例外事項の該当箇所を特定できる説明(3) 47  例外事項の記述対象とできる場合とは  第三者によるコンテンツが監視されていて、2営業日以内に修 正できる  コンテンツ制作者が監視・修正できるコンテンツではなく、か つ利用者が識別できるように例外適用箇所が明確に説明されて いる そうではない場合に対象としない際には例外事項ではなく、 対象範囲から除外する必要がある
  • 49. CEATEC JAPAN 2014 試験結果表示に含まなければならない内容 ()内はウェブページ一式の場合に適用される  達成したウェブコンテンツのアクセシビリティ達成等級  (ウェブページ一式を特定するための範囲)  (試験の対象ウェブページを選択した方法)  試験を行ったウェブページのURI(又はウェブページ群のURIリス ト及びその数)  8.1.3の例外事項がある場合、該当箇所を特定できる説明  依存したウェブコンテンツ技術のリスト  達成基準チェックリスト  試験実施期間 48
  • 50. CEATEC JAPAN 2014 参考にしてほしい例 菊池市ホームページ ウェブアクセシビリティに ついて - 菊池市 http://www.city.kikuchi.lg.jp/q/aview/341/3790.html 49
  • 51. CEATEC JAPAN 2014 4.まとめ 50
  • 52. CEATEC JAPAN 2014 まとめ  本来「試験」のための対応ではなく、 アクセシビリティを向上させた結果を 明確にするのが「試験」  方針の策定と試験結果の公開は現状を適切に 伝え、対応の不足している部分は今後の方針を 明確にしていくことが重要であり、「試験」が 終わったから完了ではなく、継続的な改善が 最も重要 51
  • 53. CEATEC JAPAN 2014 まとめ  すべて「準拠」できないから公開しない、 ではなく、まずは方針を策定し、仮に「試験」 が実施できなくても、対応した内容を公開して ください  WAICでは 公的機関におけるウェブアクセシビリティ方針策定と試験結果表示の実態 調査(2014年5月) 一般企業におけるウェブアクセシビリティ方針策定と試験結果表示の実態 調査(2014年8月) といった文書も公開しています。 52
  • 54. CEATEC JAPAN 2014 JIS X 8341-3:2010 準拠のための試験方法 (最新版) http://waic.jp/ 53