Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Web accessibilityが必要な理由
Search
Otsuka Yuhi
May 13, 2019
Technology
58
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web accessibilityが必要な理由
Otsuka Yuhi
May 13, 2019
More Decks by Otsuka Yuhi
See All by Otsuka Yuhi
人にやさしく -Web アクセシビリティが必要な理由-
otsukayuhi
0
29
Other Decks in Technology
See All in Technology
re:Invent初参加で変わったこと、2回目にやってみたいこと(JAWS-UG彩の国埼玉 #12)
mhrtech
2
220
DWH の限界突破! AI エージェント向け爆速リアルタイムデータ基盤 ClickHouse
jozono
1
470
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
kaminashi
1
230
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
bitkey
PRO
1
190
Refining Active Record
shugo
0
150
WasmをRustにする
sansantech
PRO
0
250
夫婦で子育てするための育児標準化
codmoninc
PRO
0
340
Claude の新機能を、 出た日に触って社内に届けるまで
rfdnxbro
1
170
TinyGoでオブザーバビリティ?OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
ymotongpoo
2
140
二歩目のフロントエンド・ウェブアクセシビリティ
camiha
2
570
USB PDを使ってスマホを労わりたい
raspython3
0
180
Optunaの最新リリースv5.0について
pfn
PRO
0
120
Featured
See All Featured
Side Projects
sachag
456
43k
sira's awesome portfolio website redesign presentation
elsirapls
0
450
KATA
mclloyd
PRO
35
16k
Become a Pro
speakerdeck
PRO
31
6.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
410
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
BBQ
matthewcrist
90
10k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Transcript
2016.12.22 Otsuka Yuhi 人にやさしく - Web accessibilityが必要な理由 -
あまりやさしくない話 からスタート
平成28年4月1日から施行 正式名称は、 「障害を理由とする差別の解消の推進に関する法律」 しょうがいしゃ さべつ かいしょう ほう 障害者差別解消法
ふとう さべつてきとりあつかい きんし 不当な差別的取扱いの禁止 ごうりてきはいりょ ていきょう 合理的配慮の提供
ふとう さべつてきとりあつかい きんし 不当な差別的取扱いの禁止 この法律では、国・都道府県・市町村などの役所や、会社や お店などの事業者が、障害のある人に対して、正当な理由 なく、障害を理由として差別することを禁止しています。
ごうりてきはいりょ ていきょう 合理的配慮の提供 この法律では、国・都道府県・市町村などの役所や、会社や お店などの事業者に対して、障害のある人から、社会の中 にあるバリアを取り除くために何らかの対応を必要としてい るとの意思が伝えられたときに、負担が重すぎない範囲で 対応すること(事業者に対しては、対応に努めること)を求め ています。
障害のある人から要望が あったときに、 出来る限り対応すること
Webサイトに置き換えると、
障害のある人でも利用できる Webサイト
これって、
すべての人が利用できる Webサイト
つまり、
すべての人が利用できる Webサイトが、 法律レベルで求められている。
そこで必要になるのが、
ウェブ アクセシビリティ Web accessibility
アクセシビリティ accessibility アクセシビリティ(英: accessibility)とは、近づきやすさやア クセスのしやすさのことであり、利用しやすさ、交通の便など の意味を含む。 現代では、広い種類の利用者が製品や建物、サービスなど を支障なく利用できる度合いを指していることが多い。 参照:http://e-words.jp/
ウェブ アクセシビリティ Web accessibility Webアクセシビリティとは、WebサイトやWebサービスが、 どんな人やどんな利用環境でもなるべく同じように閲覧・利 用できること。また、そのような状態が実現されている度合 い。 コンピュータやソフトウェアの違いや、子どもや高齢者、障害 者などの別によらず、なるべく多くの人がWebページにアク
セスして情報を取得できるよう配慮することを意味する。 参照:http://e-words.jp/
具体的には?
ウェブ コンテント アクセシビリティ ガイドライン Web Content Accessibility Guidelines (WCAG) 2.0
W3CがWebアクセシビリティを確立することを目的として、2008 年12月11日に勧告したドキュメント。 ウェブ コンテント アクセシビリティ ガイドライン Web Content Accessibility Guidelines
(WCAG) 2.0
W3CがWebアクセシビリティを確立することを目的として、2008 年12月11日に勧告したドキュメント。 ワールド ワイド ウェブ コンソーシアム W3C = World
Wide Web Consortium WWW(Web、ウェブ)で利用される技術の標準化をすすめる国際的な非営利団 体 ウェブ コンテント アクセシビリティ ガイドライン Web Content Accessibility Guidelines (WCAG) 2.0 参照:http://e-words.jp/
“このガイドラインに従うことで、全盲又はロービジョン、ろう又は 難聴、学習障害、認知障害、運動制限、発話困難、光過敏性 発作及びこれらの組合せ等を含んだ、様々な障害のある人に 対して、コンテンツをアクセシブルにすることができる。又、この ガイドラインに従うと、多くの場合、ほとんどの利用者にとって ウェブコンテンツがより使いやすくなる。” (一部抜粋) ウェブ コンテント アクセシビリティ
ガイドライン Web Content Accessibility Guidelines (WCAG) 2.0 参照:http://waic.jp/
• 意味のある順序: コンテンツが提示されている順序が意味に影響を及ぼす場合に は、正しく読む順序はプログラムによる解釈が可能である。 • 文字画像 (例外なし) : 文字画像は、純粋な装飾に用いられているか、テキストの特 定の表現が伝えようとする情報にとって
必要不可欠である場合に用いられている。 • 動き、点滅、スクロール: 動きのある、点滅している、又はスクロールしている情報 が、(1) 自動的に開始し、(2) 5秒よりも長く継続し、かつ、 (3) その他のコンテンツと 並行して提示される場合、利用者がそれらを 一時停止、停止、又は非表示にするこ とのできるメカニズムがある。 ウェブ コンテント アクセシビリティ ガイドライン Web Content Accessibility Guidelines (WCAG) 2.0 参照:http://waic.jp/
理想は、障害のある・なしに 関わらず、すべての人が 等しく情報を得ることが出来る Webサイト
= 社会の問題を解決できる
= デザインで社会を創造する
= ぼくらのミッション
= 人にやさしく(エモさ)
法律なんてなくても、 人にやさしいWebサイトを 作らなければならない。
実に、エモい。
ウェブ アクセシビリティ web accessibilityについて、 一緒に学んで行きましょう!
やさしさだけじゃ、 ひとは愛せないから
がんばれ!