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
86
動物占い
garyuten
0
75
スタンディングディスク
garyuten
0
85
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
960
CGFMって?(2015/08)
garyuten
0
45
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
96
Other Decks in Design
See All in Design
マンガで分かるサービスデザインガイドライン
senryakuka
1
660
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
Social Anxiety
ksmith2024
0
110
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
600
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
デザイナーとPMの両ロール_3つのポイント
toy1618
1
160
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.6k
LLMによるRAG評価用合成テストデータの生成
licux
6
700
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
260
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1368
200k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Music & Morning Musume
bryan
46
6.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
GitHub's CSS Performance
jonrohan
1030
460k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
BBQ
matthewcrist
87
9.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
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 ͍ۙʹ։࠵͔ʁ
ΞΫηγϏϦςΟͳ͓ࣄ ϑΝγϦςʔγϣϯͷ͓ࣄ ͓͓ͪͯ͠Γ·͢