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
190
アクセシビリティで気を付けてる事
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
220
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
160
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
690
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
87
動物占い
garyuten
0
76
スタンディングディスク
garyuten
0
87
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
960
CGFMって?(2015/08)
garyuten
0
46
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
97
Other Decks in Design
See All in Design
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
540
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
Dinosaur Mayhem
storyartist
PRO
0
150
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
420
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
710
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
69k
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.6k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
260
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
610
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
240
Social Anxiety
ksmith2024
0
120
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Fireside Chat
paigeccino
34
3.2k
Side Projects
sachag
452
42k
BBQ
matthewcrist
87
9.5k
YesSQL, Process and Tooling at Scale
rocio
172
14k
The Cult of Friendly URLs
andyhume
78
6.2k
Building Your Own Lightsaber
phodgson
104
6.2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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 ͍ۙʹ։࠵͔ʁ
ΞΫηγϏϦςΟͳ͓ࣄ ϑΝγϦςʔγϣϯͷ͓ࣄ ͓͓ͪͯ͠Γ·͢