Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webアクセシビリティ脳のつくりかた
Search
kobatatakayuki
April 22, 2017
Technology
0
850
Webアクセシビリティ脳のつくりかた
kobatatakayuki
April 22, 2017
Tweet
Share
More Decks by kobatatakayuki
See All by kobatatakayuki
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
0
880
ディレクターは「準備」と「調整」がすべて! 〜制作現場の「もやもや」を吹き飛ばそう〜
kobatatakayuki
0
310
脳内マークアップのススメ
kobatatakayuki
1
940
【LT大会Vol3】a-blog cmsのススメ
kobatatakayuki
0
400
Other Decks in Technology
See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
200
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.7k
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
320
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
「改善」ってこれでいいんだっけ?
ukigmo_hiro
0
320
LLMプロダクトの信頼性を上げるには?LLM Observabilityによる、対話型音声AIアプリケーションの安定運用
ivry_presentationmaterials
0
290
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
250
AgentCon Accra: Ctrl + Alt + Assist: AI Agents Edition
bethany
0
110
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
230
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
360
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
The Language of Interfaces
destraynor
162
25k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Navigating Team Friction
lara
190
15k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Bash Introduction
62gerente
615
210k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Transcript
WebΞΫηγϏϦςΟͷͭ͘Γ͔ͨ WCAN 2017 Spring LT / ࣗশ େࡕͷΞΫηγϏϦςΟ͓͡͞Μ
WebΞΫηγϏϦςΟͱʁ
ແҙࣝʹWebΞΫηγϏϦςΟΛ ߟྀͰ͖Δࢥߟͷ͜ͱ
ແҙࣝ ʹ श׳Խ
WebΞΫηγϏϦςΟΛͭ͘ΔͨΊͷ ʮΩοΧέʯΛ࣋ͪؼΔ͜ͱ ࠓͷΰʔϧ
1. ݱঢ়ΛΔ 2. HTMLΛۃΊΔ 3. ڥΛ͑Δ ΞδΣϯμ
ݱঢ়ΛΔ
711 ສਓ ୈ1ฤɹୈ1ষɹোऀͷঢ়گʢجຊత౷ܭΑΓʣʛฏ25োऀനॻʢ֓ཁʣ - ֳ োऀͷਓ
3459 ສਓ ౷ܭہϗʔϜϖʔδ/ਓޱਪܭʢฏ28(2016)10݄֬ఆɼฏ293݄֓ࢉʣɹʢ20173݄21ެදʣ ߴྸऀͷਓ
34 ˋ ຊͷਓޱʹ͓͚Δߴྸऀͱোऀͷׂ߹ʢ2017ʣ
HTMLΛۃΊΔ
ਖ਼͍͠จॻߏͰHTMLΛॻ͘ POINT
<ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul> Example
<nav> <ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul> </nav> Example
None
ڥΛ͑Δ
ʮʯΛ૿͢ POINT
• https://a11yj.herokuapp.com/ • SlackϕʔεͷίϛϡχςΟ • ϏδωεɾΞʔΩςΫπͷҏݪ͞Μ͕ओ࠻ • ·ͣɺROM͚ͩͰOK͔ͱࢥ͍·͢ • ඈͼࠐΜͰΈ·͠ΐ͏ʘ(^o^)ʗ
A11YJ Team
• https://accsell.net/ • ༗ྉϝʔϧϚΨδϯϙουΩϟετΛ৴ • தࠜ͞Μɺ২͞Μɺࢁຊ͞Μ͕ӡӦ • ΞΫηγϏϦςΟؔ࿈ͷΠϕϯτใ৴ • ָ͠Έͳ͕Βɺ༰ͷೱ͍ใऩू͕Ͱ͖Δ
AccSell
ࣗݾհ
খാλΧϢΩ (37) @kobatatakayuki
None
ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ http://frontend-x.github.io/
͍͞͝ʹ
The power of the Web is in its universality. Access
by everyone regardless of disability is an essential aspect. Webͷύϫʔɺͦͷීวੑʹ͋Δɻোͷ༗ແʹؔͳ ͘ɺ୭͕͑Δ͜ͱ͕ɺͦͷຊ࣭Ͱ͋Δɻ Tim Berners-Lee, W3C Director and inventor of the World Wide Web
ΞΫηγϏϦςΟ͕ͦ͜Webͷຊ࣭
Thank you! http://www.kobatatakayuki.com @kobatatakayuki