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
670
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
76
動物占い
garyuten
0
73
スタンディングディスク
garyuten
0
81
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
950
CGFMって?(2015/08)
garyuten
0
40
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
92
Other Decks in Design
See All in Design
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
660
Tableau曲線表現講座(2024.11.21)
cielo1985
0
220
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
530
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
830
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.4k
How to go from research data to insights?
mastervicedesign
0
210
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
370
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
840
横断組織デザイナーの働き方
mixi_design
PRO
0
310
TUNAG BOOK 2024
stmn
0
440
太田博三(@usagisan2020)
otanet
0
220
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Agile that works and the tools we love
rasmusluckow
328
21k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How STYLIGHT went responsive
nonsquared
96
5.3k
Side Projects
sachag
452
42k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
52k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
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 ͍ۙʹ։࠵͔ʁ
ΞΫηγϏϦςΟͳ͓ࣄ ϑΝγϦςʔγϣϯͷ͓ࣄ ͓͓ͪͯ͠Γ·͢