中小企業のWebサイトでも気にしておきたいアクセシビリティ
自己紹介
澤田 望
パーマ
メガネ
(老眼)
ガリガリ
中年講師
岡山で独立 2014~ Webアクセシビリティ検証
イラスト制作
岡山情報ビジネス学院 非常勤講師
などなど
キヤノン ~2013 サイトデザイン監修
Webアクセシビリティ対応
WAIC 2011~ ウェブアクセシビリティ基盤委員会
コラムを担当
本日の主旨
Webアクセシビリティに取り組んだら
これだけ売上げが伸びますよ!
Webアクセシビリティに取り組んだら
これだけ売上げが伸びますよ!という話ではありません。
一番伝えたい情報を
もっと伝わるようにしませんか?
中小企業サイトを運用している方に
「アクセシビリティやってみようかな」
と思っていただきたい。
中小企業サイトを受託している方に
「アクセシビリティ勧めてみようかな」
と思っていただきたい。
なぜWebアクセシビリティは後回しにされるの?
大企業はどんな理由で取り組むのか?
2. なぜアクセシビリティに取り組むのか?
キヤノンサイト基本理念とアクセシビリティ
• アクセシビリティ → 保証

機械可読性の向上 → 機会

サイト品質の向上 → ブランドイメージ(共感)
• キヤノンの製品分野は多岐に渡る

→ 様々な⽴場や環境のお客さまに対して

  情報保証をする義務

→ 企業のマーケティング活動の基盤を保証
それだけでは皆さんは納得しない...
https://www.smrj.go.jp/recruit/environment.html より
1. 儲かるの?
2. コストがかかりそう
3. ウチには関係ない
3大ブレーキ
1. 儲かるの?
儲かるようには見えていない
ミクロ的:効果は見えやすい
(使えない → 使える)
マクロ的:定量的な効果測定が難しい
効果が見えにくい
alt="イラスト:グレーの猫" alt=""
A B
どちらが伝わりやすいのか?
どちらが伝わりやすいのか?
背景:ピンク 背景:黒
A B
ABテストをやってみよう。
サイト訪問者がスクリーンリーダーを
使ってるかどうかを知る術がない。
https://sbapp.net/appnews/app/upinfo/ios-12/voiceover-94603 より
https://support.apple.com/ja-jp/HT209655 より
効果はミクロ的に実感しよう!
※ユーザビリティテストなどで実感することが可能
機会損失のおそれ
取りこぼしがあります。
PV :アクセスすることができた
CVR:購入/申込みすることができた
さまざまな指標
「することができなかった」は入っていない
統計局ホームページ/人口推計(令和元年(2019年)5月確定値,令和元年(2019年)10月概算値) (2019年10月21日公表) より
神奈川県年齢別人口統計調査結果 - 神奈川県ホームページ
岡山県の人口(平成31年3月1日) - 岡山県ホームページ(統計分析課)
障がいのある方々のインターネット等の利用に関する調査研究(平成24年6月)総務省 より
人口
障害者 :933万人
神奈川県:918万人
岡山県 :190万人
インターネット利用率
視覚障害者:91.7%
聴覚障害者:93.4%
平成28年生活のしづらさなどに関する調査(全国在宅障害児・者等実態調査) より
統計局ホームページ/令和元年/統計トピックスNo.121 統計からみた我が国の高齢者-「敬老の日」にちなんで- より
中小企業のWebサイトでも気にしておきたいアクセシビリティ
機会損失
\この数字を取りに行きましょう/
SEO
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja より
儲かりそうなことは...
\ なんでもやってみよう /
2. コストがかかりそう
Yesでもあり、Noでもある。
コストがかかるタイミング/そうでもないタイミング
アクセシビリティ対応だけのために
現行サイトを改修することは
おススメしません。
• •
膨大な費用が発生するかも知れません。
サイトのリニューアルや
新規コンテンツの追加など
何かのついでに始めましょう。
• • •
コストがかかる分野/そうでもない分野
高コストな分野
(比較的)
低コストな分野
追加作業コスト 学習コスト
JavaScript等のプログラム
CMS等のサーバープログラム
JIS X 8341-3 適合試験
ガイドライン作成
HTML
CSS
ビジュアルデザイン
テキスト原稿
https://www.mitsue.co.jp/service/production/web_standards.html より
4. JIS対応による効果
コスト低減
• 長い目で見ればメンテナンスコストは低下

画像のテキスト化/マークアップの適正化
• ワンソースであればマルチデバイス対応時の
コストは抑えられる
堅牢性が高くなると
タイミングや分野に気をつければ...
\ コストは抑えられる /
3. ウチには関係ない
本当にそうなのか?
Webサイトを持つ目的
• 商品を買ってもらいたい
• サービスを利用してもらいたい
• 会社の株を買ってもらいたい
• 会社に就職してもらいたい
※ 広告は除く
• 商品を気に入ってもらいたい
• サービスを気に入ってもらいたい
• 会社の株を気に入ってもらいたい
• 会社を気に入ってもらいたい
• 商品を知ってもらいたい
• サービスを知ってもらいたい
• 会社の株を知ってもらいたい
• 会社を知ってもらいたい
知ってもらいたい
アクセシブルな状態
アクセスできる状態にしておく必要
多くの人にアクセスしてもらいたい
多くの人に情報を届けたい
アクセシビリティを向上させる
Webサイトの目的達成への近道
対岸の火事?
Webアクセシビリティに関する法律/政策が存在する国(2019年10月)
掲載国: Web Accessibility Laws & Policies | Web Accessibility Initiative (WAI) | W3C より
法制化が進むと訴訟が増える。(乱暴)
マクドナルドが提訴されたと報道する記事(Cook County Record) より
https://www.buzzfeed.com/jp/skbaer/beyonce-website-accessibility-1 より
日本では?
内閣府:障害を理由とする差別の解消の推進 より
Web以外では訴訟も起きている。
視覚障害を理由とした事務職への配置転換は不当として
岡山短大の山口雪子准教授が提訴し勝訴
(ただし現在も授業担当から外された状況は続いている)
https://yamaguti-yukiko-support.jimdo.com/ より
https://lineblog.me/ochiaihiroshi/archives/702531.html より 三井住友ビザカードサイトに設置されている「パズル認証」機能
radikoアプリのバージョンアップ時の不具合に対するツイートより https://blog.goo.ne.jp/despair-rp-hope/e/1c0518e52f9ee74d3024cca9e6cc3fc7 より
サービスを使えるレベルの
最低限のアクセシビリティは
担保しておくべきです。
岡山でも取り組み始めた企業があります。
某サイト「アクセシビリティ方針」より
身近な数字で考える
統計局ホームページ
岡山県の人口(平成31年3月1日) - 岡山県ホームページ(統計分析課)
岡山市のプロフィール人口|岡山市|市政情報|岡山市プロフィール
平成30年度西長瀬町内会事業報告書 より
総人口に対する障害者の比率 → 7.4%
全国 12,614万人 → 933万人
あの人は
アクセスできなくていいの?
A10班(32世帯) 64人 → 4人
岡山市 72万人 → 5万人
西長瀬町内会 1,770人 → 130人
アクセスできなくていい人なんかいない。
• • • • • • • • • • • •
情報にアクセスできることは...
\ 基本的な人権です/
まとめ
1. 儲かるの?
2. コストがかかりそう
3. ウチには関係ない
3大ブレーキ
• 効果はミクロ的に実感できる
• 取りこぼしている数字がある
• SEOにも効果あり
1. 儲かるの?
• タイミングや分野に気をつければ
コストは抑えられる
2. コストがかかりそう
• Webサイトの目的達成への近道
• 訴訟に対するリスク管理
• 情報へのアクセスは基本的な人権
3. ウチには関係ない
@SawadaStdDesign
ありがとうございました

More Related Content

PDF
Word fesnagoya2017 oyabu2
PDF
ディレクターが知るべきプロモーション設計
PDF
Cssnite in sapporovol14
PDF
【配布用】Web広告の成功法則_広告の設計と運用改善
PDF
20140903 sa business_seminar
PDF
0からのディレクション講座[プロモーション設計編]
PDF
だから、Webディレクターはやめられない Z
PDF
Amebaブログにアクセシビリティを定着させる土台作り
Word fesnagoya2017 oyabu2
ディレクターが知るべきプロモーション設計
Cssnite in sapporovol14
【配布用】Web広告の成功法則_広告の設計と運用改善
20140903 sa business_seminar
0からのディレクション講座[プロモーション設計編]
だから、Webディレクターはやめられない Z
Amebaブログにアクセシビリティを定着させる土台作り

What's hot (20)

PDF
WEBサイトを 効果的に活用していくには?
PDF
Webディレクション講座 - 初級編 -
PDF
これまでの10年、これからの10年2
PDF
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
PDF
顧客や取引先を増やすためのブログ集客について
PDF
売上前年比122%達成、地方のウェブサイト制作会社を支えるMovableType.netの活用法
PDF
サービス業から学んだコミュニケーションのコツ
PDF
PDF
現役Web ディレクターに聞く Webディレクターという仕事
PDF
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
PPTX
2021年度進級制作展プレゼンスライド
PDF
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
PPTX
セミナー資料 なるべく安く効果の高いサイトをつくるには
PDF
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
PDF
Webサービスを生む実践スタートアップ講座
PDF
会社やお店のホームページを自分で作ろう!
PDF
「インターネット的思考力」向上オンラインワークショップ
PDF
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
PPTX
リゾートバイトの口コミサイト「リコミ」
PDF
WEBディレクターとは?
WEBサイトを 効果的に活用していくには?
Webディレクション講座 - 初級編 -
これまでの10年、これからの10年2
【7月21日ヒカラボ】webディレクターが知るべきwebプロモーション設計
顧客や取引先を増やすためのブログ集客について
売上前年比122%達成、地方のウェブサイト制作会社を支えるMovableType.netの活用法
サービス業から学んだコミュニケーションのコツ
現役Web ディレクターに聞く Webディレクターという仕事
ゼロから始める雲車庫生活 Re: Life in a CloudGarage from zero.
2021年度進級制作展プレゼンスライド
MTDDC Meetup HOKKAIDO 2013のご案内(仮)
セミナー資料 なるべく安く効果の高いサイトをつくるには
自分のこれからについて語るときに僕の語ること Webディレクターのための弁証法入門-
Webサービスを生む実践スタートアップ講座
会社やお店のホームページを自分で作ろう!
「インターネット的思考力」向上オンラインワークショップ
デザイナーさんに知ってもらいたい「Adminimize」プラグインの超便利な機能
リゾートバイトの口コミサイト「リコミ」
WEBディレクターとは?
Ad

Similar to 中小企業のWebサイトでも気にしておきたいアクセシビリティ (20)

PDF
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
PDF
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
PDF
アクセシビリティキャンプ東京 #4 開催にあたり
PDF
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
PDF
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
PDF
Webアクセシビリティ向上のためのマインドセット変革
PDF
「誰」が「何」をする?みんなで考えてみよう!
PDF
一般企業におけるWebアクセシビリティの進め方
PPTX
ウェブアクセシビリティ推進活動はじめました
PDF
インクルーシブなペルソナ拡張 (アクセシビリティの祭典 2018)
PDF
みんなで考えるウェブアクセシビリティ09
PDF
Webアクセシビリティ 今ならどうするの?
PDF
ウェブディレクターのための Web A11Y 勉強会 #01
PDF
ヤフー株式会社はアクセシビリティ対応を
なぜ始めたのか、どう進めているのか
PDF
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #12 [最終回]
PDF
インクルーシブなペルソナ拡張
PDF
Concent Contents Strategy
PDF
いまさら聞けない!ホームページの立ち上げから運用体制構築
PDF
e-Learning Design for Teacher
PDF
企業のビジネス戦略を体系化するWebサイト設計とは
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み(2013年12月10日版)
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
アクセシビリティキャンプ東京 #4 開催にあたり
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
IT業界のリーディングカンパニーとして描く「少し先の未来」〜Yahoo! JAPANの事例を通して〜#a11yfuture
Webアクセシビリティ向上のためのマインドセット変革
「誰」が「何」をする?みんなで考えてみよう!
一般企業におけるWebアクセシビリティの進め方
ウェブアクセシビリティ推進活動はじめました
インクルーシブなペルソナ拡張 (アクセシビリティの祭典 2018)
みんなで考えるウェブアクセシビリティ09
Webアクセシビリティ 今ならどうするの?
ウェブディレクターのための Web A11Y 勉強会 #01
ヤフー株式会社はアクセシビリティ対応を
なぜ始めたのか、どう進めているのか
ウェブディレクターのための Web A11Y 勉強会 (Season 2) #12 [最終回]
インクルーシブなペルソナ拡張
Concent Contents Strategy
いまさら聞けない!ホームページの立ち上げから運用体制構築
e-Learning Design for Teacher
企業のビジネス戦略を体系化するWebサイト設計とは
Ad

More from Nozomi Sawada (17)

PDF
UDトークで会話をアクセシブルにしてみよう
PDF
色にまつわるエトセトラ(いろいろ)
PDF
コントラスト高めでいこう
PDF
代替テキストの基本から応用まで
PDF
岡山をリーダブルな世界に
PDF
こんなとき実感!代替テキストと字幕の大切さ
PDF
第7回 okayama-js 実践 WAI-ARIA
PDF
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
PDF
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
PDF
WAI-ARIAの考え方と使い方を整理しよう
PDF
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
PDF
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
PDF
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
PDF
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
PDF
岡山で アクセシビリティ はじめよーでー
PDF
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
PDF
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」
UDトークで会話をアクセシブルにしてみよう
色にまつわるエトセトラ(いろいろ)
コントラスト高めでいこう
代替テキストの基本から応用まで
岡山をリーダブルな世界に
こんなとき実感!代替テキストと字幕の大切さ
第7回 okayama-js 実践 WAI-ARIA
より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
WAI-ARIAの正しい使い方 〜あるある?ケーススタディ〜
WAI-ARIAの考え方と使い方を整理しよう
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
オマケ会 D2Dアクセシビリティ勉強会資料「アクセシブルなCSSをつくろう」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第6回 D2D アクセシビリティ勉強会資料「アクセシブルな入力フォームを作ろう」
岡山で アクセシビリティ はじめよーでー
第5回 D2D アクセシビリティ勉強会資料「アクセシブルなワイヤーフレーム設計〜ビジュアルデザイン」
第2回 D2D アクセシビリティ勉強会「JIS X 8341-3:2010 を一人で読めるようになろう」

Recently uploaded (12)

PDF
sustainability_MSOLサステナビリティレポート_202508_日本語版_完成版.pdf
PDF
【2507】インパクト共創室実績
PDF
2508_ インパクトレポート会社概要_雨風太陽
PDF
【会社紹介資料】株式会社スキルアップ ~エンジニア第一主義!収入・働きやすさ・成長機会でトップクラスを目指す~ 高収入を実現する還元モデル × 自分で選べ...
PDF
aidetailseminor111用語解説を徹底的にしまくります。20250814
PDF
RailsエンジニアのためのActive Recordの基礎から学ぶ実践的DB連携
PDF
202508株式会社なぞるマーケティング組織開発・学習支援サービス_概要資料
PPTX
だれでもサクッと使える!採用ピッチ資料テンプレート(解説付き)_20230529_ver1.pptx
PDF
2508slide_townobuse_nagano_chohoobuse.pdf
PDF
AIゲートウェイ、グローバルトップ12企業のランキングと市場シェア2025.pdf
PDF
世界化学品産業の市場動向と将来展望に関する包括的な調査研究 QYResearch
PDF
東京商工会議所荒川支部で中小企業講演「今日から使える!省力化・効率化に向けた生成AI活用入門」
sustainability_MSOLサステナビリティレポート_202508_日本語版_完成版.pdf
【2507】インパクト共創室実績
2508_ インパクトレポート会社概要_雨風太陽
【会社紹介資料】株式会社スキルアップ ~エンジニア第一主義!収入・働きやすさ・成長機会でトップクラスを目指す~ 高収入を実現する還元モデル × 自分で選べ...
aidetailseminor111用語解説を徹底的にしまくります。20250814
RailsエンジニアのためのActive Recordの基礎から学ぶ実践的DB連携
202508株式会社なぞるマーケティング組織開発・学習支援サービス_概要資料
だれでもサクッと使える!採用ピッチ資料テンプレート(解説付き)_20230529_ver1.pptx
2508slide_townobuse_nagano_chohoobuse.pdf
AIゲートウェイ、グローバルトップ12企業のランキングと市場シェア2025.pdf
世界化学品産業の市場動向と将来展望に関する包括的な調査研究 QYResearch
東京商工会議所荒川支部で中小企業講演「今日から使える!省力化・効率化に向けた生成AI活用入門」

中小企業のWebサイトでも気にしておきたいアクセシビリティ