SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Webアクセシビリティ
なぜ?どうやって?
株式会社ミツエーリンクス
木達 一仁
2015年10月8日
アクセシビリティセミナー2015
木達 一仁
• 株式会社ミツエーリンクス

取締役社長兼CTO
• 主にマークアップやスタイルシー
トの設計、関連ガイドラインの
策定・運用に従事
• ウェブアクセシビリティ基盤委
員会(WAIC)副委員長
なぜ?
• アクセシビリティ対応 障害者・高齢者対応≒マルチデ
バイス対応
• 「取り組まなくて良い理由」はもはや存在しない
• 来年4月より障害者差別解消法が施行
• あらゆるWebコンテンツが満たすべき品質
• 規模、内容を問わない
• コンテンツを少しでも長生きさせるための武器
• ユーザーもデバイスも多様化し続ける
どうやって?
• まず取り組むべきはカルチャーとプロセス
• カルチャーがないと「やらされ感」から衰退
• プロセスがないと品質を一定の幅に収斂しにくい
• 両方が って初めて継続性が担保される
• 継続こそ力なり
• Webアクセシビリティに0点も100点もない
• できることからコツコツと、徐々に取組みを拡張

Weitere ähnliche Inhalte

Was ist angesagt?

Webアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWebアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWeb Accessibility Infrastructure Committee (WAIC)
 
20150202 Movable Type Seminar
20150202 Movable Type Seminar20150202 Movable Type Seminar
20150202 Movable Type SeminarSix Apart
 
Webアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたWebアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたKobayashi Daisuke
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようNozomi Sawada
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー力也 伊原
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01Kazuhiko Tsuchiya
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりKazuhito Kidachi
 
20150420 movable type seminar
20150420 movable type seminar20150420 movable type seminar
20150420 movable type seminarSix Apart
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?力也 伊原
 
こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大Takafumi Tsuda
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストKazuhito Kidachi
 
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Makoto Ueki
 
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIANozomi Sawada
 

Was ist angesagt? (20)

Webアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っていますWebアクセシビリティ:わたしたち、身近なこういうところで困っています
Webアクセシビリティ:わたしたち、身近なこういうところで困っています
 
Webデザインにおけるアクセシビリティへの取組み
Webデザインにおけるアクセシビリティへの取組みWebデザインにおけるアクセシビリティへの取組み
Webデザインにおけるアクセシビリティへの取組み
 
「10年後のWeb」のために、今すべきこと
「10年後のWeb」のために、今すべきこと「10年後のWeb」のために、今すべきこと
「10年後のWeb」のために、今すべきこと
 
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?これでわかる!Webアクセシビリティって?JIS X 8341-3って?
これでわかる!Webアクセシビリティって?JIS X 8341-3って?
 
20150202 Movable Type Seminar
20150202 Movable Type Seminar20150202 Movable Type Seminar
20150202 Movable Type Seminar
 
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アクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかたWebアクセシビリティポリシーのつくりかた・ひろめかた
Webアクセシビリティポリシーのつくりかた・ひろめかた
 
WAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しようWAI-ARIAの考え方と使い方を整理しよう
WAI-ARIAの考え方と使い方を整理しよう
 
サイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリーサイトをアクセシブルにするための受発注のセオリー
サイトをアクセシブルにするための受発注のセオリー
 
ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01ウェブディレクターのための Web A11Y 勉強会 #01
ウェブディレクターのための Web A11Y 勉強会 #01
 
Webアクセシビリティ向上のためのマインドセット変革
Webアクセシビリティ向上のためのマインドセット変革Webアクセシビリティ向上のためのマインドセット変革
Webアクセシビリティ向上のためのマインドセット変革
 
アクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたりアクセシビリティキャンプ東京 #4 開催にあたり
アクセシビリティキャンプ東京 #4 開催にあたり
 
20150420 movable type seminar
20150420 movable type seminar20150420 movable type seminar
20150420 movable type seminar
 
アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?アクセシビリティ対応をプロジェクトに取り入れるには?
アクセシビリティ対応をプロジェクトに取り入れるには?
 
こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大こうやったら売れる!インターネット活用 販路拡大
こうやったら売れる!インターネット活用 販路拡大
 
Webアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェストWebアクセシビリティの現状ダイジェスト
Webアクセシビリティの現状ダイジェスト
 
WAI-ARIA珍プレー好プレー
WAI-ARIA珍プレー好プレーWAI-ARIA珍プレー好プレー
WAI-ARIA珍プレー好プレー
 
Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018Webアクセシビリティ 海外の最新動向 2018
Webアクセシビリティ 海外の最新動向 2018
 
第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA第7回 okayama-js 実践 WAI-ARIA
第7回 okayama-js 実践 WAI-ARIA
 

Andere mochten auch

企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際
企業Webサイトの運営・制作現場におけるアクセシビリティ確保の実際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)
 
Desafios para os Docentes do Ensino Superior na Era Digital
Desafios para os Docentes do Ensino Superior na Era DigitalDesafios para os Docentes do Ensino Superior na Era Digital
Desafios para os Docentes do Ensino Superior na Era DigitalPaula Peres
 
Современные инъекционные методы в косметологии
Современные инъекционные методы в косметологииСовременные инъекционные методы в косметологии
Современные инъекционные методы в косметологииДом Русской Косметики
 
Exercices1erebacphy chimie
Exercices1erebacphy chimieExercices1erebacphy chimie
Exercices1erebacphy chimieEl-marouan
 
The Advertising Collective Company presentation 2016
The Advertising Collective Company presentation 2016The Advertising Collective Company presentation 2016
The Advertising Collective Company presentation 2016Jan Stoop
 

Andere mochten auch (20)

日本の企業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アクセシビリティの進め方
一般企業における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って?
 
ココが変わった!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 への対応を進めるためのガイドラインの紹介
 
JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方JIS X 8341-3:2010 と関連文書の読み方/使い方
JIS X 8341-3:2010 と関連文書の読み方/使い方
 
障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ障害者差別解消法の概要とWebアクセシビリティ
障害者差別解消法の概要とWebアクセシビリティ
 
Prevencion de cancer
Prevencion de cancerPrevencion de cancer
Prevencion de cancer
 
Desafios para os Docentes do Ensino Superior na Era Digital
Desafios para os Docentes do Ensino Superior na Era DigitalDesafios para os Docentes do Ensino Superior na Era Digital
Desafios para os Docentes do Ensino Superior na Era Digital
 
NOTULEN35
NOTULEN35NOTULEN35
NOTULEN35
 
Современные инъекционные методы в косметологии
Современные инъекционные методы в косметологииСовременные инъекционные методы в косметологии
Современные инъекционные методы в косметологии
 
Exercices1erebacphy chimie
Exercices1erebacphy chimieExercices1erebacphy chimie
Exercices1erebacphy chimie
 
The Advertising Collective Company presentation 2016
The Advertising Collective Company presentation 2016The Advertising Collective Company presentation 2016
The Advertising Collective Company presentation 2016
 
Oculus Rift YouTube Content
Oculus Rift YouTube ContentOculus Rift YouTube Content
Oculus Rift YouTube Content
 

Mehr von 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と出版の融合で高まる情報アクセシビリティ向上への期待
 
今さら聞けない!?Webアクセシビリティに取り組む理由
今さら聞けない!?Webアクセシビリティに取り組む理由今さら聞けない!?Webアクセシビリティに取り組む理由
今さら聞けない!?Webアクセシビリティに取り組む理由
 
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
 

Webアクセシビリティ なぜ?どうやって?