Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Webアクセシビリティ脳のつくりかた
kobatatakayuki
April 22, 2017
Technology
0
680
Webアクセシビリティ脳のつくりかた
kobatatakayuki
April 22, 2017
Tweet
Share
More Decks by kobatatakayuki
See All by kobatatakayuki
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
0
680
ディレクターは「準備」と「調整」がすべて! 〜制作現場の「もやもや」を吹き飛ばそう〜
kobatatakayuki
0
250
脳内マークアップのススメ
kobatatakayuki
1
730
【LT大会Vol3】a-blog cmsのススメ
kobatatakayuki
0
300
Other Decks in Technology
See All in Technology
マネージャーからみたスクラムと自己管理化
shibe23
0
1.1k
RDRA + JavaによるレジャーSaaSプロダクトの要件定義と実装のシームレスな接続
jjebejj
PRO
3
720
Citizen 개발기
outsider
0
280
Custom AppをIP制限ありのままで審査に通す方法
yusuga
0
680
Swift Regex Builder
kumamotone
1
100
JJUG2022_spring_Keycloak (Red Hat Single Sign-on)
tinoue
0
200
データ分析基盤のはじめかた
chanyou0311
0
110
Strategyパターン
hankehly
0
140
現状のFedCMの動作解説と OIDCとの親和性について- OpenID TechNight vol.19
ritou
2
450
Retca Cloud
bau
0
520
開発組織の生産性を可視化する State of DevOpsとFour Keysとは / deep dive into State of DevOps
yfcgpsebp
0
280
oakのミドルウェアを書くときの技のらしきもの
toranoana
0
130
Featured
See All Featured
What's new in Ruby 2.0
geeforr
336
30k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.4k
Code Reviewing Like a Champion
maltzj
506
37k
How to name files
jennybc
40
61k
Thoughts on Productivity
jonyablonski
43
2.3k
Side Projects
sachag
450
37k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
39
13k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Designing with Data
zakiwarfel
91
3.9k
KATA
mclloyd
7
8.7k
Producing Creativity
orderedlist
PRO
334
37k
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