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
アクセシビリティで気を付けてる事
Search
@Garyuten
July 19, 2017
Design
0
170
アクセシビリティで気を付けてる事
2017/0719 at ヌーラボ3F
俺の話を聞け!!LT大会 #4
https://cdg.connpass.com/event/60549/
@Garyuten
July 19, 2017
Tweet
Share
More Decks by @Garyuten
See All by @Garyuten
チームビルディング体験ワークショップ - テンジン大学
garyuten
2
160
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
120
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
460
動物占い
garyuten
0
43
スタンディングディスク
garyuten
0
50
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
860
CGFMって?(2015/08)
garyuten
0
11
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
63
もし福岡にコミュニティがなかったら ∼ とある福岡ITコミュニティの話
garyuten
0
76
Other Decks in Design
See All in Design
Sociotechnical design for software and human systems
xinyao
2
510
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.4k
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
250
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
460
UIをもたらすコンテクストの考察
securecat
9
2.6k
TrollsTopia: Funtography- Part 1
kenijam
1
220
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
1人歩きする営業資料作成
yutoshukuya
2
160
Product-Writing
aguringo
6
2.8k
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
120
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
810
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Facilitating Awesome Meetings
lara
43
5.6k
How STYLIGHT went responsive
nonsquared
92
4.8k
Code Reviewing Like a Champion
maltzj
515
39k
The Mythical Team-Month
searls
217
42k
Designing for Performance
lara
601
67k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Embracing the Ebb and Flow
colly
80
4.2k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Teambox: Starting and Learning
jrom
128
8.4k
A Modern Web Designer's Workflow
chriscoyier
689
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Transcript
ΞΫηγϏϦςΟ ͰؾΛ͚ͯΔࣄ ԶͷΛฉ͚ʂʂLTେձ #4 2017.07.19 @Garyuten
@Garyuten
ٕज़ΑΓ ࢥدΓͳ
Ғͦ͏ͳ͜ͱ খ͍͜͠ͱ ͠·ͤΜ
None
େલఏͰ ϚʔΫΞοϓ Λߟ͑Δ࣌
None
͓٬͞Μ͕͍͑ͨใɺ σβΠφʔ͕σβΠϯͨ͠ ίϯςϯπ͕ɺ HTMLͷஈ֊Ͱใ͕ ݮਰ͢ΔͷΛආ͚͍ͨ
100ͷใΛ 100ͷ··ɺ ਓؒʹػցʹ ฏʹಧ͚͍ͨ
ػցʹҙຯΛཧղ ͤ͞Εɺޙ͔Β ͳΜͱͰͳΔ
ԻಡΈ্͛ ࣈ จষͷॏΈ͚
ςΩετ ࠷ ڧ
ͦΜͳࢥ
Ϛγϯ Ϧʔμϒϧ Ϣʔβʔ Ϧʔμϒϧ XFCΞΫηγϏϦςΟ ϚʔΫΞοϓ ΤϯδχΞ σβΠφʔ ػցʹཧղͯ͠΄͍͠ Ϣʔβʔʹ͍͑ͨ
ࣄ͡Ό ͘͠ͳ͍ʁ
4&0 Ϛγϯ Ϧʔμϒϧ cc ΞΫηγϏϦςΟ
SEO(Ϗδωε)ʹ ڧ͍HTMLʹ ͦΕʹݟ߹͏ՁΛ(ry
Ұ͙Β͍લͷ ࣄ
None
ੲͷࣗΛ ͿΜԥΓ͍ͨ
࠷ۙͷࣄ
None
ͪΐͬͱϚγʹ ·ͩ·͍ͩ
Ͳ͏ϚʔΫΞοϓ ͢Δʁ
None
<img src="star1.gif" alt="˒"> <img src="star1.gif" alt="˒"> <img src="star1.gif" alt="˒"> <img
src="star2.gif" alt="˒"> <img src="star2.gif" alt="ˑ">
<img src="star1.gif" alt=“1"> <img src="star1.gif" alt="2"> <img src="star1.gif" alt="3"> <img
src="star2.gif" alt="4"> <img src="star2.gif" alt="ന">
<img src="star1.gif" alt="5ͭͷ͏ͪͷ4ͭ"> <img src="star1.gif" alt=""> <img src="star1.gif" alt=""> <img
src="star2.gif" alt=""> <img src="star2.gif" alt=""> ࢀߟ BMUଐੑͷྑ͍ࣄྫ ͚ͭํɾॻ͖ํ ʛใόϦΞϑϦʔϙʔλϧαΠτ IUUQKJTOFUKJSFJ@TBNQMFKJSFJ@DIBQUFS@IUNMBMU
ଞ ؾʹͯ͠Δ͜ͱ ؾʹͳͬͯΔ͜ͱ
roleଐੑ
cssͷcontent iOSAndroid ಡΈ্͛Δ
ಡΈ্͛Δʂ
schema.org JSON-LD
ϚʔΫΞοϓ ਖ਼ղͳ͍ Ͱؒҧ͍͋Δ
ԿͷͨΊͷMarkupʁ ϨϏϡʔɾٞେࣄ
#a11yfukuoka ͍ۙʹ։࠵͔ʁ
ΞΫηγϏϦςΟͳ͓ࣄ ϑΝγϦςʔγϣϯͷ͓ࣄ ͓͓ͪͯ͠Γ·͢