SlideShare a Scribd company logo
1 of 55
Download to read offline
ウェブ解析士が知っておくと
しかない
ウェブアクセシビリティ
関東支部長 山本和泉
得
ウェブ解析士
サイトのアクセス数、ページ内の動き、
その他ウェブ以外のデータも含めた
多方面から分析し、サイトの改善を行う人
改善?
• コンテンツの見直し?
• デザインの見直し?
• ターゲットの見直し?
• アクセス数を増やすには?
文字が小さい
色が薄い
紅爐餐廳
詳細はこちら
情報にアクセス

できていない
直帰率ユーザーがWebサイトを訪問した回数のうち、
1ページのみを閲覧して離脱 (Webサイトを去った)した回数の割合
石井さん

「直帰率」って言葉を作った人
CVコンバージョン
Webサイトにおける最終的な成果
アクセシビリティ
access
アクセス
+ ability
できること
access
アクセス
+ ability
できること
Accessibility
アクセシビリティ
AccessibilityWeb
ウェブコンテンツにアクセスできる
山本 和泉
やまもと
ウェブデザイナー/アドバイザー/トレーナー ウェブ解析士・Jimdoエキスパート
会社員・OAインストラクターを経て、2000年よりWeb制作を中
心とする活動を開始。

クライアントのニーズに合わせたコンサルティングから企画・制作、
運用保守の業務をやっています。
ウェブアクセシビリティとSNS発信の重要性を意識したサイト作り
を提案
いずみ
いずいずって呼ばれています
ウェブ解析士協会関東支部長(2020年4月~)
AccessibilityWeb
ウェブコンテンツにアクセスできる
WCAG2.0
https://waic.jp/docs/WCAG20/Overview.html
https://www.w3.org/TR/WCAG20/
WebContentsAccessibilityGuidelines
ウェブコンテンツアクセシビリティガイドライン
最低限やりたいウェブアクセシビリティ
1. ページの内容がわかるページタイトルをつける
2. 可能な限りテキスト文字で情報を伝える
3. 適切な文字サイズにする
4. 見出しやリストなど文書構造に合わせたHTMLタグを適切に使う
5. 文字色と背景色のコントラストを確保する
6. 色だけで情報を伝えない
7. リンクテキストはリンク先がわかる文言にする
8. 情報を伝えている画像に代替テキストをいれる
9. 動画に字幕を入れる
おや?
SEO
じゃん
問題です
ウェブサイトを利用するために必要なものは
何でしょう?
見る 聞く
理解する 操作する
見えない

見えづらい
聞こえない

聞こえづらい
理解しづらい
入力できない
操作しずらい
見えづらい場面
文字が小さい
色が薄い
聞こえづらい場面
理解しづらい場面
• 集中力が落ちた
• 文章量が多い
• 母国語じゃない
• 当て字で読めない
紅爐餐廳
ほんるーさんてん
• 利き手を怪我した
• 両手に荷物を持っている
• 車を運転している
• お料理をしている
操作しづらい場面
ウェブは誰でもが

アクセスできるもの
ティム・バーナーズ・リー
World Wide Web を作った人
(1989)
どのような状況でも
誰もが
同じ情報を
受け取れるようにすること
見えない

見えづらい
聞こえない

聞こえづらい
理解しづらい
入力できない
操作しずらい
全盲
ロービジョン
聴覚障害など
ディスレクシア

(学習障害の一種)
など
運動障害など
なんらかの

障害を持つ人
身体障害

知的障害

精神障害
佐藤さん

鈴木さん

高橋さん

田中さん

伊藤さん

渡辺さん
山本さん
960万人 960万人約 約
13%
国民の
高齢者

28.4%
令和元年版 障害者白書(内閣府)  全国名字ランキング 令和元年高齢者の人口(総務省)
障害者のウェブ利用率
視覚障害者
聴覚障害者
肢体障害者
91.7%
93.4%
82.7%
総務省 情報通信政策研究所 調査研究[結果概要](平成24年) 
色覚特性
色の見え方が十分に機能していない状態
男性の20人に1人
どのような状況でも
誰もが
同じ情報を
受け取れるようにすること
ウェブに関わる私たちが
“知らない”
では済まされない
AccessibilityWeb
ウェブコンテンツにアクセスできる
直帰率
CV
アクセシビリティに強くなると
• 他社との差別化
• 案件数が増えまくり
• これからのキャリアパスに非常に有利
ウェブ解析士
多方面からウェブを分析し、
どのような状況でも誰もが同じ情報を
受け取れるように改善をし、
結果を出す人
まとめ
• ウェブアクセシビリティとは、ウェブ上で誰もがす
ぐにアクセスして情報を受け取れるようにするこ
• アクセシビリティに取り組み始めている企業が増え
ている
• ウェブアクセシビリティを高めると、ウェブ改善に
差がつく
ありがとうございました
https://www.izuizu.jp

More Related Content

Similar to ウェブ解析士が知っておいて「得」しかないウェブアクセシビリティ

【ad:tech tokyo 2012】セッション資料_高沢冬樹氏
【ad:tech tokyo 2012】セッション資料_高沢冬樹氏【ad:tech tokyo 2012】セッション資料_高沢冬樹氏
【ad:tech tokyo 2012】セッション資料_高沢冬樹氏Le Grand
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとはMakoto Shimizu
 
【札幌 ダイナテック様】共催セミナー_1100615スライド用
【札幌 ダイナテック様】共催セミナー_1100615スライド用【札幌 ダイナテック様】共催セミナー_1100615スライド用
【札幌 ダイナテック様】共催セミナー_1100615スライド用Keita Matsumoto
 
【福岡 ダイナテック様】共催セミナー_1100623スライド用
【福岡 ダイナテック様】共催セミナー_1100623スライド用【福岡 ダイナテック様】共催セミナー_1100623スライド用
【福岡 ダイナテック様】共催セミナー_1100623スライド用Keita Matsumoto
 
ウェブ解析サービス
ウェブ解析サービスウェブ解析サービス
ウェブ解析サービスA A
 
アクセス解析基礎
アクセス解析基礎アクセス解析基礎
アクセス解析基礎Ryosuke Sawada
 
Ism ga01 onepoint
Ism ga01 onepointIsm ga01 onepoint
Ism ga01 onepointgonweb
 
ビジュアルWeb解析とは
ビジュアルWeb解析とはビジュアルWeb解析とは
ビジュアルWeb解析とはMakoto Shimizu
 
ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計本間 和城
 
アクセス解析による サイト改善の進め方
アクセス解析による サイト改善の進め方アクセス解析による サイト改善の進め方
アクセス解析による サイト改善の進め方ニフティ株式会社
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析webcampusschoo
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりKazuhito Kidachi
 
googleアナリティクスによるアクセス解析の基本
 googleアナリティクスによるアクセス解析の基本 googleアナリティクスによるアクセス解析の基本
googleアナリティクスによるアクセス解析の基本ニフティ株式会社
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることMasahiko Yoshikawa
 
メディア向け Ginzamarkets資料 20141029
メディア向け Ginzamarkets資料 20141029メディア向け Ginzamarkets資料 20141029
メディア向け Ginzamarkets資料 20141029DemandSphere
 

Similar to ウェブ解析士が知っておいて「得」しかないウェブアクセシビリティ (17)

Webdirection
WebdirectionWebdirection
Webdirection
 
【ad:tech tokyo 2012】セッション資料_高沢冬樹氏
【ad:tech tokyo 2012】セッション資料_高沢冬樹氏【ad:tech tokyo 2012】セッション資料_高沢冬樹氏
【ad:tech tokyo 2012】セッション資料_高沢冬樹氏
 
サイトサーチアナリティクスとは
サイトサーチアナリティクスとはサイトサーチアナリティクスとは
サイトサーチアナリティクスとは
 
【札幌 ダイナテック様】共催セミナー_1100615スライド用
【札幌 ダイナテック様】共催セミナー_1100615スライド用【札幌 ダイナテック様】共催セミナー_1100615スライド用
【札幌 ダイナテック様】共催セミナー_1100615スライド用
 
【福岡 ダイナテック様】共催セミナー_1100623スライド用
【福岡 ダイナテック様】共催セミナー_1100623スライド用【福岡 ダイナテック様】共催セミナー_1100623スライド用
【福岡 ダイナテック様】共催セミナー_1100623スライド用
 
ウェブ解析サービス
ウェブ解析サービスウェブ解析サービス
ウェブ解析サービス
 
アクセス解析基礎
アクセス解析基礎アクセス解析基礎
アクセス解析基礎
 
Ism ga01 onepoint
Ism ga01 onepointIsm ga01 onepoint
Ism ga01 onepoint
 
ビジュアルWeb解析とは
ビジュアルWeb解析とはビジュアルWeb解析とは
ビジュアルWeb解析とは
 
ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計
 
アクセス解析による サイト改善の進め方
アクセス解析による サイト改善の進め方アクセス解析による サイト改善の進め方
アクセス解析による サイト改善の進め方
 
福井解析セミナー20140326
福井解析セミナー20140326福井解析セミナー20140326
福井解析セミナー20140326
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
 
googleアナリティクスによるアクセス解析の基本
 googleアナリティクスによるアクセス解析の基本 googleアナリティクスによるアクセス解析の基本
googleアナリティクスによるアクセス解析の基本
 
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができることいいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
 
メディア向け Ginzamarkets資料 20141029
メディア向け Ginzamarkets資料 20141029メディア向け Ginzamarkets資料 20141029
メディア向け Ginzamarkets資料 20141029
 

ウェブ解析士が知っておいて「得」しかないウェブアクセシビリティ