Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
March 18, 2017
Programming
0
670
アクセシビリティのあれこれ 〜まずは、意識することから始めよう〜
kobatatakayuki
March 18, 2017
Tweet
Share
More Decks by kobatatakayuki
See All by kobatatakayuki
Webアクセシビリティ脳のつくりかた
kobatatakayuki
0
670
ディレクターは「準備」と「調整」がすべて! 〜制作現場の「もやもや」を吹き飛ばそう〜
kobatatakayuki
0
250
脳内マークアップのススメ
kobatatakayuki
1
720
【LT大会Vol3】a-blog cmsのススメ
kobatatakayuki
0
300
Other Decks in Programming
See All in Programming
クリエイティブ系のウェブサイト制作で役立つCSS技法 / CSS for develop creative website
clockmaker
2
1.7k
近況PHP / PHP in now a days
uzulla
4
1.9k
スモールチームがAmazon Cognitoでコスパよく作るサービス間連携認証
tacke_jp
2
910
Jetpack Compose 頑張らないPreviewParameterProvider
horie23
0
110
코드 품질 1% 올리기
pluu
1
1k
テスト設計技法をなぜ&どのように使うのか体験しよう!
imtnd
0
540
About Type Syntax Proposal
quramy
1
1.2k
Node.js 最新動向 TFCon 2022
yosuke_furukawa
PRO
6
3k
読みやすいコードを書こう
yutorin
0
440
Android入門
hn410
0
310
LegalForceの契約データを脅かすリスクの排除と 開発速度の向上をどうやって両立したか
aibou
0
550
アプリのログをチーム外で活用してもらうためにやったこと
shotakashihara
0
200
Featured
See All Featured
Become a Pro
speakerdeck
PRO
3
790
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
103
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
17k
In The Pink: A Labor of Love
frogandcode
130
21k
5 minutes of I Can Smell Your CMS
philhawksworth
196
18k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
Teambox: Starting and Learning
jrom
121
7.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
3
640
Building Flexible Design Systems
yeseniaperezcruz
310
33k
How to name files
jennybc
39
59k
Transcript
ΞΫηγϏϦςΟͷ͋Ε͜Ε ʙ·ͣɺҙࣝ͢Δ͜ͱ͔Β࢝ΊΑ͏ʙ 2017-03-18 FRONTEND CONFERENCE 2017 LT @kobatatakayuki - Takayuki
Kobata
ΞδΣϯμ • ࣗݾհ • ࠓͷΰʔϧ • ΞΫηγϏϦςΟͷ͋Ε͜Ε • ·ͱΊ
ΞδΣϯμ • ࣗݾհ • ࠓͷΰʔϧ • ΞΫηγϏϦςΟͷ͋Ε͜Ε • ·ͱΊ
খാλΧϢΩ
37ࡀ
Μ ͦ Ͱ କ
None
#1979ੜ·Ε #େࡕग़ #ϝΨω #କ #طࠗ #࢞͞Μ ঁ #ଉࢠ #ຳ໘Ϗʔϧ #ϋΠϘʔϧ
#ϋϫΠ #ಡॻ #Twitter #Blog #μΠΤοτ #αοΧʔ #ϑοταϧ #ϑ ϦʔελΠϧϑοτϘʔϧ #RAPAZ #όεέοτϘʔϧ #3x3 #ใ #Webۀքྺ15 #CKO #γχΞςΫχΧϧ σΟϨΫλʔ #ϑϩϯτΤϯυΤϯδχΞग़ #HTML #CSS #LT #ษڧձ #ηϛφʔ #ಇ͖ํ #ίϛϡχςΟओ࠻ #FRONTENDx #ΞΫηγϏϦςΟ #AccTalk #GAKU-MC #ΧεΧδʔ #݁ࠗࣜ2࣍ձϓϩσϡʔε #2࣍ձKING # ࡀ্ͱࡀԼ͔Β͔ΕΔλΠϓ #ϕϏʔ༻։ൃ #ग़࢈ ॕ͍ #ΞϯνΤΠδϯά #όοΫτΡβɾϑϡʔνϟʔ #iPhone #Mac #AirPods etc…
#ΞΫηγϏϦςΟ
ΞδΣϯμ • ࣗݾհ • ࠓͷΰʔϧ • ΞΫηγϏϦςΟͷ͋Ε͜Ε • ·ͱΊ
ΞΫηγϏϦςΟ Λҙࣝͯ͠Β ͏ͨΊͷΩοΧ έΛͭ͘Δʂʂ
ΞδΣϯμ • ࣗݾհ • ࠓͷΰʔϧ • ΞΫηγϏϦςΟͷ͋Ε͜Ε • ·ͱΊ
ΞΫηγϏϦςΟͷ͋Ε͜Ε ͦͷ1
ؒҧͬͨೝࣝΛ ͍࣋ͬͯΔʂʁ
ࢹ֮োऀʢશʣͷΣϒϖʔδར༻ํ๏ ʛ ࢹ֮োऀʢऑࢹʣͷΣϒϖʔδར༻ํ๏
※ΈΜͳͷެڞαΠτӡ༻ΨΠυϥΠϯʢ2016൛ʣΑΓҾ༻
खஈ͕తʹͳ ͬͯ·ͤΜ͔ʁ
※ୡ͞ΜΑΓܝࡌͷڐՄΛ͍͍͓ͨͩͯΓ·͢ʘ(^o^)ʗ
ΞΫηγϏϦςΟͷ͋Ε͜Ε ͦͷ2
ਖ਼͍͠จॻߏ ͰϚʔΫΞοϓ ͢Δҙຯʁʁ
<ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul>
<ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul>
<nav> <ul> <li><a href="a.html">ίϯςϯπA</li> <li><a href="b.html">ίϯςϯπB</li> </ul> </nav>
ϚγϯϦʔμϒϧ
None
None
WAI-ARIA
ϚγϯϦʔμϒϧ ʹͳΔͱɺΈΜͳ ͕ϋοϐʔʹʂʂ
ΞδΣϯμ • ࣗݾհ • ࠓͷΰʔϧ • ΞΫηγϏϦςΟͷ͋Ε͜Ε • ·ͱΊ
ؒҧͬͨೝࣝΛ ࣺͯ·͠ΐ͏ʂ
None
ϚγϯϦʔμϒϧ ʹͳΔͱɺΈΜͳ ͕ϋοϐʔʹʂʂ
Ұछͷࣾձߩݙ
ΞΫηγϏϦςΟ ͋ΒΏΔਓΛ ܨ͍Ͱ͘Ε·͢
ΞΫηγϏϦςΟ Λҙࣝ͢Δ͜ͱ ͔Β࢝ΊͯΈ· ͤΜ͔ʂʂʂʂ
ษڧ͢ΔͳΒ ϐϯΫຊʂʂ
None
ϑϩϯτΤϯυ͔ΒWebͷະདྷΛߟ͑Δձ http://frontend-x.github.io/
@kobatatakayuki
Thank you! http://www.kobatatakayuki.com @kobatatakayuki