SlideShare a Scribd company logo
1 of 25
Download to read offline
Webアクセシビリティ向上の
ためのマインドセット変⾰
2019年7⽉23⽇
Web広告研究会 ⽉例セミナー「誰のためのUX? 〜アクセシビリティを再確認しよう〜」
株式会社ミツエーリンクス
⽊達 ⼀仁






⽊達 ⼀仁
• 株式会社ミツエーリンクス
取締役(CTO)
• 主にマークアップやスタイルシートの設計、
関連ガイドラインの策定・運⽤に従事
• ウェブアクセシビリティ基盤委員会(WAIC)
委員(作業部会1)
• Web広告研究会 サイトマネジメント委員会 委員
誤ったマインドセットのまま
Webアクセシビリティを
捉えていませんか?


ありがちな誤解 その1
障害者や⾼齢者は
Webを使っていない
ありがちな誤解 その1

障害者や⾼齢者は
Webを使っていない
ありがちな誤解 その2
Webアクセシビリティは
視覚障害者だけが必要
ありがちな誤解 その2
Webアクセシビリティは
視覚障害者だけが必要
ありがちな誤解 その3
アクセシビリティを必要とするのは
ユーザーの⼀部
ありがちな誤解 その3
アクセシビリティを必要とするのは
ユーザーの⼀部
ありがちな誤解 その4
アクセシビリティを向上させるには
特殊な取り組みが必要
ありがちな誤解 その4
アクセシビリティを向上させるには
特殊な取り組みが必要
ありがちな誤解 その5
アクセシビリティは付け⾜す(オプ
ション扱いする)ことができる
ありがちな誤解 その5
アクセシビリティは付け⾜す(オプ
ション扱いする)ことができる
ありがちな誤解 その6
コーディング担当者が頑張れば
アクセシビリティは向上できる
ありがちな誤解 その6
コーディング担当者が頑張れば
アクセシビリティは向上できる
ありがちな誤解 その7
アクセシビリティを向上させるには
⼤きなコストがかかる
ありがちな誤解 その7
アクセシビリティを向上させるには
⼤きなコストがかかる


ありがちな誤解 その8
アクセシビリティは
⼀度だけ向上させれば良い
ありがちな誤解 その8

アクセシビリティは
⼀度だけ向上させれば良い
ありがちな誤解 その9
⽂字拡⼤ボタンや⾊反転ボタンを
⽤意すれば問題ない
ありがちな誤解 その9
⽂字拡⼤ボタンや⾊反転ボタンを
⽤意すれば問題ない


ありがちな誤解 その10
アクセシビリティを向上させると
⾒た⽬が平凡で醜くなる
ありがちな誤解 その10

アクセシビリティを向上させると
⾒た⽬が平凡で醜くなる
今こそ「正しい」マインドセットへ
• アクセシビリティは、あらゆるWebサイト/Webコンテンツ
が備えるべき品質
• 制作に関わる全員で上流⼯程から取り組む
• 欲張らず実現可能な取り組みから継続的に取り組む
• 完璧主義に陥らない(そもそも完璧など無い)
• アクセシビリティを理由にビジュアルデザインを諦めない
ご静聴ありがとうございました

More Related Content

Similar to Webアクセシビリティ向上のためのマインドセット変革

アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりKazuhito Kidachi
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン力也 伊原
 
ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09Kazuhiko Tsuchiya
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)Kazuhiko Tsuchiya
 
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Narutoshi Gon
 
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事WebSig24/7
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント高本 徹
 
中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティNozomi Sawada
 
ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04Kazuhiko Tsuchiya
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストKazuhito Kidachi
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01Kazuhiko Tsuchiya
 
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座本間 和城
 
Webアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたWebアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたKobayashi Daisuke
 
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07Kazuhiko Tsuchiya
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」naoki ando
 
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策Yoshiki Kato
 
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Makoto Ueki
 

Similar to Webアクセシビリティ向上のためのマインドセット変革 (20)

アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
 
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザインアクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
 
ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09ウェブディレクターのための Web A11Y 勉強会 #09
ウェブディレクターのための Web A11Y 勉強会 #09
 
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
 
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋Ecサイトの構造設計 5月21日 東京セミナー 抜粋
Ecサイトの構造設計 5月21日 東京セミナー 抜粋
 
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
 
Web制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイントWeb制作 あとで揉めないための確認のポイント
Web制作 あとで揉めないための確認のポイント
 
「10年後のWeb」のために、今すべきこと
「10年後のWeb」のために、今すべきこと「10年後のWeb」のために、今すべきこと
「10年後のWeb」のために、今すべきこと
 
中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ中小企業のWebサイトでも気にしておきたいアクセシビリティ
中小企業のWebサイトでも気にしておきたいアクセシビリティ
 
ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04ウェブディレクターのための Web A11Y 勉強会 #04
ウェブディレクターのための Web A11Y 勉強会 #04
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェスト
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01
 
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
 
Webアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたWebアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかた
 
ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07ウェブディレクターのための Web A11Y 勉強会 #07
ウェブディレクターのための Web A11Y 勉強会 #07
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 
Webと出版の融合で高まる情報アクセシビリティ向上への期待
Webと出版の融合で高まる情報アクセシビリティ向上への期待Webと出版の融合で高まる情報アクセシビリティ向上への期待
Webと出版の融合で高まる情報アクセシビリティ向上への期待
 
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
 
20150404 講演資料
20150404 講演資料20150404 講演資料
20150404 講演資料
 
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018
 

More from Mitsue-Links Co.,Ltd. Accessibility Department (10)

WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準WCAG 2.2で追加される達成基準
WCAG 2.2で追加される達成基準
 
CSUN 2018 参加報告セミナー
CSUN 2018 参加報告セミナーCSUN 2018 参加報告セミナー
CSUN 2018 参加報告セミナー
 
今さら聞けない!?Webアクセシビリティに取り組む理由
今さら聞けない!?Webアクセシビリティに取り組む理由今さら聞けない!?Webアクセシビリティに取り組む理由
今さら聞けない!?Webアクセシビリティに取り組む理由
 
WAI-ARIA珍プレー好プレー
WAI-ARIA珍プレー好プレーWAI-ARIA珍プレー好プレー
WAI-ARIA珍プレー好プレー
 
Accessible Graphics for High Pixel Density Era
Accessible Graphics for High Pixel Density EraAccessible Graphics for High Pixel Density Era
Accessible Graphics for High Pixel Density Era
 
Web Componentsのアクセシビリティ
Web ComponentsのアクセシビリティWeb Componentsのアクセシビリティ
Web Componentsのアクセシビリティ
 
Mobile and Accessibility - A Japanese Perspective
Mobile and Accessibility - A Japanese PerspectiveMobile and Accessibility - A Japanese Perspective
Mobile and Accessibility - A Japanese Perspective
 
Webアクセシビリティ
WebアクセシビリティWebアクセシビリティ
Webアクセシビリティ
 
Webアクセシビリティ 基本のキ
Webアクセシビリティ 基本のキWebアクセシビリティ 基本のキ
Webアクセシビリティ 基本のキ
 
アクセシビリティを加速するWAI-ARIA
アクセシビリティを加速するWAI-ARIAアクセシビリティを加速するWAI-ARIA
アクセシビリティを加速するWAI-ARIA
 

Recently uploaded

Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンWindowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンivanwang53
 
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxWindows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxivanwang53
 
動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Componentsokitamasashi
 
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元ivanwang53
 
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]Taka Narita
 
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ivanwang53
 

Recently uploaded (6)

Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンWindowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
 
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxWindows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
 
動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components
 
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
 
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
 
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
 

Webアクセシビリティ向上のためのマインドセット変革