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
210
アクセシビリティで気を付けてる事
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
3
230
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
170
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
760
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
98
動物占い
garyuten
0
97
スタンディングディスク
garyuten
0
98
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
1k
CGFMって?(2015/08)
garyuten
0
63
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
130
Other Decks in Design
See All in Design
freee + Product Design FY25Q4
freee
4
15k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
220
#Dubois Challenge 2025: Economics
ajstarks
0
140
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.1k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
330
Memory Man v3 (WIP)
storybychad
PRO
0
2.2k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
870k
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
Storyboard Honey
rocioparronrubio
0
310
Saudade typeface
tiagoporto
0
330
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1k
Featured
See All Featured
It's Worth the Effort
3n
185
28k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Adopting Sorbet at Scale
ufuk
77
9.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Building an army of robots
kneath
306
45k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Bash Introduction
62gerente
613
210k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Side Projects
sachag
455
43k
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 ͍ۙʹ։࠵͔ʁ
ΞΫηγϏϦςΟͳ͓ࣄ ϑΝγϦςʔγϣϯͷ͓ࣄ ͓͓ͪͯ͠Γ·͢