SlideShare a Scribd company logo
こうすればできる!
ウェブアクセシビリティ実装のポイントと
実装チェックリストの作り方
2018年8月22日(水曜日)
太田 良典(ウェブアクセシビリティ基盤委員会 作業部会4(翻訳)主査)
これから取り組むWebアクセシビリティ 2018 夏
今日のお話
■ 実装とは?
■ 達成基準と達成方法
■ 実装チェックリストとは?
■ 実装チェックリストの作り方
■ 作成のコツと注意点
■ まとめ
実装とは?
「実装」の一般的な定義とアクセシビリティJISにおける「実装」
Wikipediaによれば:
実装(じっそう、英: implementation)
何らかの機能(や仕様)を実現するための
(具体的な)装備や方法のこと。
Webの分野では:
実際にWebページを作り、
ブラウザで見られる状態にすること
HTMLやCSSやJavaScriptを書いて
Webページを最終的な形に作り上げること
よくあるWeb制作のワークフロー
1. 企画・戦略
2. 設計
3. ワイヤーフレーム作成
4. ビジュアルデザイン
5. 実装
6. テスト
7. 公開
アクセシビリティJISの分野では:
達成基準を満たすように
Webコンテンツを実装すること
達成基準を満たせるような
実装方法を採用すること
達成基準と達成方法
WCAG 2.0 関連文書のご紹介
達成基準とは
WCAG 2.0やJIS X 8341-3 が求める、
Webコンテンツが満たすべき基準
WCAG 2.0の達成基準の特徴
抽象的な記述が多い
HTMLをこうすれば良い、
などの具体的なことは書かれていない
なぜ抽象的な記述なのか?
WCAG 2.0の方針のひとつが「技術非依存」
HTML以外の技術に応用できるようにしたかった
WCAG 2.0本体は頻繁に更新できない
詳細は本体と別の「関連文書」でカバーする
特に重要な関連文書
■ Understanding WCAG 2.0 (解説書)
▲ 達成基準の意図、補足説明、事例などを詳しく解説
■ Techniques for WCAG 2.0 (達成方法集)
▲ 達成基準を満たすための「達成方法」をまとめる
いずれもWAICのサイトで日本語訳を公開
WCAG 2.0 解説書
WCAG 2.0 達成方法集
達成方法とは
達成基準を満たす方法の例
2010年版のJISでは「実装方法」と呼ばれていた
実装だけでなく設計やブラウザ側の対応もある
そのため2016年に「達成方法」に訳語を変更
達成方法の例
達成方法のポイント: あくまで参考である
達成方法は達成する方法の一例でしかない
重要なのは達成基準を満たすこと
ここにある達成方法を採用せず、
他の方法で達成基準を満たしても良い
実装チェックリストとは?
実装チェックリストとは何か、その定義と位置付け
実装チェックリストとは
達成基準をどうやって達成するか列挙したもの
主に、試験の際に参照する
通常、採用した達成方法を列挙する
そのほか、試験時の検証方法などが書かれる
実装チェックリストの例
規格における実装チェックリストの扱い
WCAG 2.0やJIS X 8341-3には
「実装チェックリスト」という語は
まったく出てこない
つまり、規格が求める必須事項ではない
JIS 附属書における扱い
JIS X 8341-3の附属書JB「(参考)試験方法」に
以下のような記述がある。
追加の表示事項
試験結果を表示する場合は,
次の内容を含めることがより望ましい。
a) 達成基準を満たすことを示すための技術的根拠
(使用している達成方法及びその検証方法一覧など)
JIS X 8341-3:2016 試験実施ガイドライン
JIS X 8341-3:2016 試験実施ガイドライン
(実装チェックリストの作成方法の具体例)
参考: ガイドラインに残る「実装方法」
現在の試験実施ガイドラインでは、
「達成方法」が「実装方法」となっている
当時、達成方法集が更新できていなかった名残
おそらく次の更新で「達成方法」に変わる
「実装チェックリスト」も変わる可能性あり
参考: 達成基準チェックリストとの違い
達成基準チェックリスト:
このサイトが満たすべき達成基準を列挙する
実装チェックリスト:
達成基準を列挙した上で、
それぞれに対する達成方法を列挙する
実装チェックリストの作り方
関連文書の読み方、達成方法を選ぶ方法とポイント
実装チェックリスト作成方法の概要
満たすべき達成基準それぞれについて、
関連文書を見ながら達成方法を選択する
達成基準2.4.1を例に実際に見ていく
WAICのサイト (waic.jp)
トップページ下部に関連文書へのリンク
WCAG 2.0
達成基準 2.4.1
WCAG 2.0 解説書
下の方に達成方法の一覧
達成方法 G1
達成方法 G1 の検証
達成方法を選ぶ
多くの場合、複数の達成方法が挙げられている
全てを採用する必要があるわけではない
ひとつまたは複数の達成方法を選択する
どうやって選べばいいのか?
選ぶポイント1: 状況別に見る
達成方法が状況ごとに分けられて
列挙されていることがある
このときはそれぞれの状況ごとに選択する
状況Aの時はこの達成基準、Bのときはこれ……
例: 達成基準1.1.1の十分な達成方法
参考: 達成基準 1.1.1 の 6 つの状況
■ A: 短い説明で同じ情報を提示できる
■ B: 短い説明で提示できない (チャート、図表)
■ C: コントロール (利用者が入力するもの)
■ D: 時間依存メディア
■ E: CAPTCHA
■ F: 支援技術に無視してほしい場合
選ぶポイント2: 分類を見る
達成方法の名称の頭にはIDがついている
“G142” “H69” “ARIA7”など
冒頭アルファベット部分は分類を表す
達成方法の分類の例
■ G: 特定技術によらない一般的な方法 (General)
■ H: HTML/XHTML
■ C: CSS
■ SCR: JavaScript等のスクリプト
■ PDF: PDF
■ ARIA: WAI-ARIA
失敗例も挙げられている
■ F: 失敗例
名前が F ではじまるものは「失敗例」
やってはいけないアンチパターンの紹介
F84: 達成基準 2.4.9 の失敗例
関係ない技術は無視する
HTML以外の技術の達成方法も紹介されている
Flash, Silverlight, PDFなど
それぞれの技術を使わない場合は無視して良い
通常は H, C, SCR, ARIA を見れば良い
一般的なものは優先度低
名前が “G” ではじまる達成方法は
技術に依存しない一般的なもの
特定技術用の達成方法より劣るものが多い
(専用の方法がない場合に仕方なく採用する想定)
H, C などの採用を検討し、無理なら G を検討
選ぶポイント3: 使えない達成方法は除外する
実際には使えない達成方法もある
■ 技術が新しすぎてブラウザが対応していない
■ 技術が古すぎてブラウザが対応していない
■ そもそも無理がある
アクセシビリティ・サポーテッド
技術や達成方法が実際にブラウザで使えるとき
「アクセシビリティ・サポーテッド」である
と言う (ASと略すこともある)
逆にいうと、達成基準の中には
アクセシビリティ・サポーテッドでないもの
も混ざっている
アクセシビリティ・サポーテッド情報
WAICは各達成方法の事例をテストし、
アクセシビリティ・サポーテッド情報として
提供している
WAICトップページ下部にAS情報へのリンク
アクセシビリティ・サポーテッド情報
アクセシビリティ・サポーテッド情報
2014年6月版
レベルAの達成基準に関するAS情報
2.4.1ブロックスキップのAS情報
達成不可能とされるものもあり
H50-2 達成不可能
対応していないスクリーンリーダーの情報
アクセシビリティ・サポーテッド情報の注意
2014年時点での情報となっている
全面的に頼るのではなく、あくまで参考に
サイトの作り方によるものもあるので、
実際のサイトで自身でテストを行うと良い
作成のコツと注意点
プロジェクト開始前におさえておきたい 3つのコツ
コツ1: 早めに作る
達成方法には設計に影響するものもある
実装に着手してから見ても遅い
方針の策定が終わり、
実装が始まる前に一通り見ると良い
コツ2: みんなで作る
システム設計やコンテンツ企画にも関わる
■ 画像のみのコンテンツを企画して良い?
■ 動画に字幕をつける必要はある?
■ CAPTCHAは利用しても良い?
企画、デザイン、実装など関係者みんなで作る
コツ3: 必要に応じて見直す
制作の途中で見直しが必要になることがある
例:
当初は動画はない想定だったが、
やはり入れたいという話になった
方針が変わったら見直す
まとめ
本日のお話を 3行で
まとめ
■ WCAG 2.0 の解説や達成方法は関連文書に
■ 関連文書を見ながら達成方法を選ぶ
読み方、達成基準の選び方にはコツがある
■ 実装チェックリストは早めに、
関係者みんなで作るのが理想
参考
ウェブアクセシビリティ基盤委員会の資料
実装チェックリストの作成方法に関する資料
■ JIS X 8341-3:2016 試験実施ガイドライン
https://waic.jp/docs/jis2016/test-guidelines/201604/
■ JIS X 8341-3:2016 試験実施ガイドライン
(実装チェックリストの作成方法の具体例)
https://waic.jp/docs/jis2016/test-guidelines/201604/icl_example.html
■ 実装チェックリストの例 2012年11月版
https://waic.jp/docs/jis2010/test-guidelines/201211/icl-index.html
実装チェックリスト作成の際に参照する情報
■ Web Content Accessibility Guidelines (WCAG) 2.0
https://waic.jp/docs/WCAG20/Overview.html
■ WCAG 2.0 解説書
https://waic.jp/docs/UNDERSTANDING-WCAG20/Overview.html
■ WCAG 2.0 達成方法集
https://waic.jp/docs/WCAG-TECHS/Overview.html
■ アクセシビリティ・サポーテッド(AS)情報
https://waic.jp/guideline/as/
これから取り組むWebアクセシビリティ 2018 夏
こうすればできる!
ウェブアクセシビリティ実装のポイントと
実装チェックリストの作り方
2018年8月22日(水曜日)

More Related Content

What's hot

Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知るWebアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Web Accessibility Infrastructure Committee (WAIC)
 
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
力也 伊原
 
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
Web Accessibility Infrastructure Committee (WAIC)
 
一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方
Web Accessibility Infrastructure Committee (WAIC)
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
Nozomi Sawada
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
力也 伊原
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
 
代替テキストの基本から応用まで
代替テキストの基本から応用まで代替テキストの基本から応用まで
代替テキストの基本から応用まで
Nozomi Sawada
 
なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?なぜ、サイボウズでアクセシビリティなのか?
なぜ、サイボウズでアクセシビリティなのか?
力也 伊原
 
実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ実はできている!? Webアクセシビリティ
実はできている!? Webアクセシビリティ
力也 伊原
 
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
uenoyuuki
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
 
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/WebアクセシビリティチェックのポイントJIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
Nozomi Sawada
 
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
 
WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
Mitsue-Links Co.,Ltd. Accessibility Department
 
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
剛志 松岡
 
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
Recruit Lifestyle Co., Ltd.
 
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
Demaecan
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
 

What's hot (20)

Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知るWebアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
Webアクセシビリティセミナー1:障害当事者のWebの利用方法を知る
 
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
あなたの価値を高めるWebアクセシビリティ(!importantバージョン)
 
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
こうすれば書ける!ウェブアクセシビリティ方針と試験結果表示
 
一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方一般企業におけるWebアクセシビリティの進め方
一般企業におけるWebアクセシビリティの進め方
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
これでわかる!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アクセシビリティが無視されすぎで気にくわない。
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
 
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/WebアクセシビリティチェックのポイントJIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
 
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
 
WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
 
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
DX白書2021 内製と外部活用・企業のソーシング戦略の考察、方向性
 
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
大規模サービスにおける価値開発の“これまで”と“将来”~新たな“じゃらんnet”のチャレンジに関して~
 
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
20年続いているサービスの複雑な注文画面を GraphQL を使って改善した話
 
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
 

Similar to こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方

【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
本間 和城
 
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
 
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
 
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
WebSig24/7
 
Cloudflareを活用したWebパフォーマンスチューニング
Cloudflareを活用したWebパフォーマンスチューニングCloudflareを活用したWebパフォーマンスチューニング
Cloudflareを活用したWebパフォーマンスチューニング
Yoichiro Takehora
 
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
Iida Yukako
 
Dev tools introduction
Dev tools introductionDev tools introduction
Dev tools introduction
Ryu Shindo
 
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
Takashi Takebayashi
 
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
Takashi Takebayashi
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
 
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
masakazusegawa
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
 
[Biz reach qa meetup] qa team_build
[Biz reach qa meetup] qa team_build[Biz reach qa meetup] qa team_build
[Biz reach qa meetup] qa team_build
久仁朗 山本(旧姓 村上)
 
Web会議 in 青森
Web会議 in 青森Web会議 in 青森
Web会議 in 青森
Makoto Shimizu
 
アジャイル開発&TFS導入
アジャイル開発&TFS導入アジャイル開発&TFS導入
アジャイル開発&TFS導入
You&I
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へ
Atsushi Handa
 
ウェブパフォーマンスの基礎とこれから
ウェブパフォーマンスの基礎とこれからウェブパフォーマンスの基礎とこれから
ウェブパフォーマンスの基礎とこれから
Hiroshi Kawada
 
企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは
loftwork
 

Similar to こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方 (20)

【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
 
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
【Web TECH FORUM 2017 in大阪】JavaScript UIコンポーネント の選定と活用ポイント
 
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
【Web TECH FORUM 2017 in大阪】Webシステム開発とJavaScript UIコンポーネント
 
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
 
Web
WebWeb
Web
 
Cloudflareを活用したWebパフォーマンスチューニング
Cloudflareを活用したWebパフォーマンスチューニングCloudflareを活用したWebパフォーマンスチューニング
Cloudflareを活用したWebパフォーマンスチューニング
 
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
2023.03.08@高まるウェブアクセシビリティの需要ーfreee×ニューズピックスー〜フロントエンド最前線〜
 
Dev tools introduction
Dev tools introductionDev tools introduction
Dev tools introduction
 
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
第25回 #TFSUG ノウハウお伝えします! 鉄人から学ぶ TFS セミナー編 - イマドキのチーム開発を支えるプロセスとは?
 
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
プロセスの過去から未来への物語 〜イマドキのチーム開発を支えるプロセスとは?〜
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
Webアプリ開発のトレンドとUIライブラリ開発事情(仙台Geek★Night #1)
 
Webdirection
WebdirectionWebdirection
Webdirection
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 
[Biz reach qa meetup] qa team_build
[Biz reach qa meetup] qa team_build[Biz reach qa meetup] qa team_build
[Biz reach qa meetup] qa team_build
 
Web会議 in 青森
Web会議 in 青森Web会議 in 青森
Web会議 in 青森
 
アジャイル開発&TFS導入
アジャイル開発&TFS導入アジャイル開発&TFS導入
アジャイル開発&TFS導入
 
Webを勉強中の方々へ
Webを勉強中の方々へWebを勉強中の方々へ
Webを勉強中の方々へ
 
ウェブパフォーマンスの基礎とこれから
ウェブパフォーマンスの基礎とこれからウェブパフォーマンスの基礎とこれから
ウェブパフォーマンスの基礎とこれから
 
企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは
 

More from 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 Accessibility Infrastructure Committee (WAIC)
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
Web Accessibility Infrastructure Committee (WAIC)
 
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
Web Accessibility Infrastructure Committee (WAIC)
 
ココが変わった!JIS X 8341-3:2016 徹底解説
ココが変わった!JIS X 8341-3:2016 徹底解説ココが変わった!JIS X 8341-3:2016 徹底解説
ココが変わった!JIS X 8341-3:2016 徹底解説
Web Accessibility Infrastructure Committee (WAIC)
 
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
Web Accessibility Infrastructure Committee (WAIC)
 
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
Web Accessibility Infrastructure Committee (WAIC)
 
障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ
Web Accessibility Infrastructure Committee (WAIC)
 
アクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイントアクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイント
Web Accessibility Infrastructure Committee (WAIC)
 
JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方
Web Accessibility Infrastructure Committee (WAIC)
 
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Web Accessibility Infrastructure Committee (WAIC)
 
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
Web Accessibility Infrastructure Committee (WAIC)
 
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
Web Accessibility Infrastructure Committee (WAIC)
 
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
Web Accessibility Infrastructure Committee (WAIC)
 
NECのアクセシビリティとJIS X 8341-3:2010への取り組み
NECのアクセシビリティとJIS X 8341-3:2010への取り組みNECのアクセシビリティとJIS X 8341-3:2010への取り組み
NECのアクセシビリティとJIS X 8341-3:2010への取り組み
Web Accessibility Infrastructure Committee (WAIC)
 
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
キヤノンのウェブサイトにおけるアクセシビリティへの取り組みキヤノンのウェブサイトにおけるアクセシビリティへの取り組み
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
Web Accessibility Infrastructure Committee (WAIC)
 

More from Web Accessibility Infrastructure Committee (WAIC) (19)

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って?
 
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
JIS X 8341-3:2016 への対応を進めるためのガイドラインの紹介
 
ココが変わった!JIS X 8341-3:2016 徹底解説
ココが変わった!JIS X 8341-3:2016 徹底解説ココが変わった!JIS X 8341-3:2016 徹底解説
ココが変わった!JIS X 8341-3:2016 徹底解説
 
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
 
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
日本の企業Webサイトにおけるアクセシビリティ確保の取り組み
 
障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ
 
アクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイントアクセシビリティ方針の策定と試験結果の公開におけるポイント
アクセシビリティ方針の策定と試験結果の公開におけるポイント
 
JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方
 
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
Webアクセシビリティ - 海外の気になる動きと日本国内の最新動向
 
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
Webアクセシビリティの標準規格「JIS X 8341-3:2010」準拠のための試験方法(最新版)
 
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
NECのアクセシビリティとJIS X 8341-3:2010への取り組み(2013年12月10日版)
 
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
 
NECのアクセシビリティとJIS X 8341-3:2010への取り組み
NECのアクセシビリティとJIS X 8341-3:2010への取り組みNECのアクセシビリティとJIS X 8341-3:2010への取り組み
NECのアクセシビリティとJIS X 8341-3:2010への取り組み
 
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
キヤノンのウェブサイトにおけるアクセシビリティへの取り組みキヤノンのウェブサイトにおけるアクセシビリティへの取り組み
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
 

こうすればできる!ウェブアクセシビリティ実装のポイントと実装チェックリストの作り方