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
LINEギフトにおけるアクセシビリティ向上の取り組み
Search
LINEヤフーTech (LY Corporation Tech)
PRO
August 22, 2024
Technology
2
920
LINEギフトにおけるアクセシビリティ向上の取り組み
「各社の事例から学ぶウェブアクセシビリティ 〜フロントエンドの最前線〜」の登壇資料です
LINEヤフーTech (LY Corporation Tech)
PRO
August 22, 2024
Tweet
Share
More Decks by LINEヤフーTech (LY Corporation Tech)
See All by LINEヤフーTech (LY Corporation Tech)
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
310
Yahoo! ズバトクにおけるフロントエンド開発
lycorptech_jp
PRO
0
89
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
100
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
250
連合学習を用いたスタンプの推薦
lycorptech_jp
PRO
0
46
Will Positron accelerate us?
lycorptech_jp
PRO
2
140
Try using dbtplyr
lycorptech_jp
PRO
0
17
EthernetベースのGPUクラスタ導入による学びと展望
lycorptech_jp
PRO
1
640
LY Accessibility Guidelines @fukuoka_a11yconf_前夜祭
lycorptech_jp
PRO
1
160
Other Decks in Technology
See All in Technology
re:Invent2024のIaC周りのアップデート&セッションの共有/around-re-invent-2024-iac-updates
tomoki10
0
990
Ruby on Railsで作る銘柄スクリーニング
shoe116
0
120
AIのコンプラは何故しんどい?
shujisado
1
180
Kubernetesトラフィックルーティング徹底解説/Kubernetes-traffic-deep-dive
oracle4engineer
PRO
5
1k
DevOps視点でAWS re:invent2024の新サービス・アプデを振り返ってみた
oshanqq
0
170
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
410
OCI Oracle Database Services新機能アップデート(2024/09-2024/11)
oracle4engineer
PRO
0
120
テーブルが200以上あるSaaSでRSCとGraphQLを併用する理由
msickpaler
2
1.2k
Tailwind CSSとAtomic Designで実現する効率的な Web 開発の事例
toranoana
1
310
NW-JAWS #14 re:Invent 2024(予選落ち含)で 発表された推しアップデートについて
nagisa53
0
170
re:Invent 2024 Innovation Talks(NET201)で語られた大切なこと
shotashiratori
0
220
IVRyエンジニア忘年LT大会2024 クリティカルユーザージャーニーの整理
abnoumaru
0
160
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
4 Signs Your Business is Dying
shpigford
181
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Docker and Python
trallard
41
3.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
430
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Transcript
-:$PSQPSBUJPO -*/&Ϡϑʔגࣜձࣾ ίϚʔεΧϯύχʔ4$౷ׅຊ෦ DZBNBNPUP -*/&Ϊϑτʹ͓͚Δ ΞΫηγϏϦςΟ্ͷऔΓΈ
-:$PSQPSBUJPO • -*/&ͷ༑ͩͪʹ ΪϑτΛଃΔ͜ͱ͕Ͱ͖ΔαʔϏε • ༷ʑͳγʔϯͰར༻Մೳ • ͪΐͬͱ͓ͨ͠ྱ • ੜϓϨθϯτ
• ݁ࠗɾग़࢈ॕ͍ -*/&Ϊϑτʹ͍ͭͯ
-:$PSQPSBUJPO • ͷαʔϏε։࢝Ҏ߱ ྦྷܭϢʔβʔ͕ສਓΛಥഁ • एஉঁΘͣଟ͘ͷ Ϣʔβʔʹར༻͍͍͍ͨͩͯΔ -*/&Ϊϑτʹ͍ͭͯ ˞݄࣌Ͱʮ-*/&ΪϑτʯͰΪϑτΛଃͬͨɺ·ͨड͚औͬͨܦݧ͕͋ΔϢχʔΫϢʔβʔ
ˠΞΫηγϒϧͳαʔϏεΛఏڙ͢Δ ඞཁੑ͕ߴ·͖ͬͯͨ
-:$PSQPSBUJPO • ωΠςΟϒΞϓϦͷ8FC7JFX্Ͱಈ͘4JOHMF1BHF"QQMJDBUJPO • ओͳར༻ٕज़ 7VF 5ZQF4DSJQU -*/&Ϊϑτʹ͍ͭͯ
-:$PSQPSBUJPO ΞΫηγϏϦςΟ্ͷऔΓΈ
-:$PSQPSBUJPO • ݄͔Βຊ֨తʹ ΞΫηγϏϦςΟվળʹணख • શମͷdͷϦιʔε • ؒऔΓΜͩ༰ΛϒϩάͰެ։ • ϒϩάͷ༰Λൈਮͯ͠հ
-*/&ΪϑτͷΞΫηγϏϦςΟ IUUQTUFDICMPHMZDPSQDPKQKBB
-:$PSQPSBUJPO • ࣾͷΞΫηγϏϦςΟνʔϜ͔ΒߨٛܗࣜͰ ΞΫηγϏϦςΟͷφϨοδ͕ڞ༗͞ΕΔ • ߨٛ༰ʹج͍ͮͯɺ࣮ࡍͷϓϩμΫτͷ՝Λௐࠪ͢Δ "DDFTTJCJMJUZ#PPU$BNQ
-:$PSQPSBUJPO ࢀߟ-*/&Ϡϑʔʹ͓͚Δ ͜Ε͔ΒͷΞΫηγϏϦςΟ IUUQTTQFBLFSEFDLDPNMZDPSQUFDI@KQGVLVPLBBZDPOGMZDPSQSBUJPO
-:$PSQPSBUJPO • ՝Λݟ͚ͭΔ͜ͱʹॏΛஔ͘ • ࣮ࡍͷղܾείʔϓ֎ • ՝ʹؾ͚ͮͩ͘ͰɺΞΫηγϏϦςΟʹର͢Δҙ͕ࣝେ෯ʹߴ·ͬͨ "DDFTTJCJMJUZ#PPU$BNQ
-:$PSQPSBUJPO • ৽نͷ՝Λ࡞Βͳ͍Α͏ʹҙ͕ࣝߴ·Δ • ༷Λݕ౼͢Δஈ֊͔ΒɺΞΫηγϏϦςΟʹ͍ͭͯߟྀ͢ΔΑ͏ʹ • ΞΫηγϒϧͳ6*ίϯϙʔωϯτͷඋ • ݟ͚ͭͨ՝ͷ͍͔ͭ͘Λमਖ਼
"DDFTTJCJMJUZ#PPU$BNQ
-:$PSQPSBUJPO • -JHIUIPVTFͰ֤छύϑΥʔϚϯεͱಉ༷ʹ ΞΫηγϏϦςΟʹ͍ͭͯείΞͱΞυόΠεΛग़͍ͯ͠Δ • ओཁϖʔδʹ͓͚Δ-JHIUIPVTFΞΫηγϏϦςΟείΞͷ ฏۉΛҎ্ͱ͢Δ͜ͱΛඪʹվળ -JHIUIPVTFͷείΞվળ
-:$PSQPSBUJPO ࢀߟ-JHIUIPVTFͷείΞվળ "DDFTTJCJMJUZ
-:$PSQPSBUJPO • ࢧԉٕज़Λͬͯ-*/&ΪϑτΛૢ࡞͠՝Λݟ͚ͭͯमਖ਼͢Δ • ૢ࡞Ͱ͖ͳ͍ • ૢ࡞Ͱ͖Δ͕͍ʹ͍͘ͱײ͡Δ • ಡΈ্͛༰͕ෆͳ •
։ൃओಋͰਐΊΒΕΔͱ͜Ζ͕ଟ͍ 7PJDF0WFSͷಡΈ্͛վળ
-:$PSQPSBUJPO ࢀߟ7PJDF0WFSಡΈ্͛վળ
-:$PSQPSBUJPO • ࠷ॳ͔Βᘳࢦ͞ͳ͍ • վળͷରΛओཁͳϖʔδʹݶఆ͢Δ • Ͱͳ͘ฏۉ • ಡΈ্͛վળ7PJDF0WFS͔Β •
վળͷ࣮ΛੵΈॏͶΔ͜ͱ͕ɺߋͳΔվળʹͭͳ͕Δ Ͱ͖Δͱ͜Ζ͔Βখ͞ͳվળΛਐΊΔ
-:$PSQPSBUJPO νʔϜͰऔΓΉ
-:$PSQPSBUJPO • Ϊϑτͷ։ൃνʔϜͷମ੍ • ϑϩϯτΤϯυɺόοΫΤϯυɺ2"͕ͻͱͭʹͳͬͨνʔϜ͕ ͭଘࡏ͢Δ • ߹ܭਓҎ্ͷϑϩϯτΤϯυΤϯδχΞ • ݸਓͰͷվળʹݶք͕͋Δ
• νʔϜΛԣஅͨ͠ϑϩϯτΤϯυશମͷλεΫͱͯ͠औΓΉ͜ͱ͕େࣄ νʔϜͰऔΓΉ
-:$PSQPSBUJPO • νʔϜϝϯόʔશһ͕7PJDF0WFSͰͷݕূ͕Ͱ͖Δڥʹ • 7PJDF0WFSͷ͍ํΨΠυΛ࡞ • ϛχษڧձͷ։࠵ • ଞͷϝϯόʔ͕։ൃͨ͠ػೳΛ7PJDF0WFSͰݕূɺ՝Λࢦఠ •
։ൃΛ୲ͨ͠νʔϜʹվળͯ͠Β͏ • νʔϜϝϯόʔ͕ઌͯ͠7PJDF0WFSͷ ૢ࡞νΣοΫΛͰ͖ΔΑ͏ʹͳͬͨ ݸਓతʹ͏·͘ߦͬͨͱࢥ͏औΓΈ
-:$PSQPSBUJPO ࢀߟ7PJDF0WFSͷ͍ํΨΠυ
-:$PSQPSBUJPO ৫Λר͖ࠐΉ
-:$PSQPSBUJPO • ΤϯδχΞ͚ͩͰղܾͰ͖ͳ͍՝͕͋Δ • ྫɿΪϑτʹදࣔ͞ΕΔίϯςϯπͷҰ෦ཧը໘্Ͱઃఆ͞Ε͍ͯΔ • ཧը໘ͰͷઃఆʹΑͬͯΪϑτͷΞΫηγϏϦςΟ͕ଛͳΘΕΔ • ӡ༻୲ͷඇΤϯδχΞͷํʑͱ࿈ܞ͕ॏཁ
৫ͷڠྗ͕ඞཁ
-:$PSQPSBUJPO όφʔ ใ ཧը໘্Ͱઃఆ͞ΕΔίϯςϯπͷྫ
-:$PSQPSBUJPO • ཧը໘Ͱը૾ͷBMUʢସςΩετʣΛઃఆͰ͖ΔΑ͏ʹػೳվम • BMUʢସςΩετʣͷ͚ͭํΨΠυΛ࡞͠ ӡ༻୲ͷํʹφϨοδΛڞ༗ ཧը໘ͰସςΩετΛઃఆ͢Δ
-:$PSQPSBUJPO ࢀߟཧը໘ͰସςΩετΛઃఆ͢Δ
-:$PSQPSBUJPO ࢀߟBMUͷ͚ํΨΠυ
-:$PSQPSBUJPO • ΞΫηγϏϦςΟվળ৫શମͰऔΓΉඞཁ͕͋Δ • ৫શମʹ׆ಈ༰Λೝͯ͠Β͏ඞཁ͕͋Δ • ΞΫηγϏϦςΟվળͷՌݟ͑ʹ͍͘ɺؾ͍ͮͯΒ͍ʹ͍͘ͷͰ ೳಈతʹվળΛΞϐʔϧ͢Δඞཁ͕͋Δ Ξτϓοτ͢Δ
-:$PSQPSBUJPO • ΞΫηγϏϦςΟվળ௨৴ • վળΛΘ͔Γ͘͢·ͱΊͨࣾXJLJ • Ӧۀɾاըɾ$4ͳͲɺਓҎ্͕ू·ΔશମఆྫͰڞ༗ • ϒϩάͷࣥච •
ษڧձͰͷొஃ Ξτϓοτ͢Δ
-:$PSQPSBUJPO ࢀߟΞΫηγϏϦςΟվળ௨৴
-:$PSQPSBUJPO ࠓޙͷల
-:$PSQPSBUJPO • ϩʔϏδϣϯͷํͱͷϢʔβʔςετΛ݄ʹ࣮ࢪ༧ఆ • ΞΫηγϒϧͳαʔϏεΛఏڙͰ͖͍ͯΔ͔ͷݕূ • ΞΫηγϏϦςΟվળͷղ૾ΛߴΊΔ ϢʔβʔΠϯλϏϡʔ
-:$PSQPSBUJPO • -*/&ΪϑτͷΞΫηγϏϦςΟ্ʹ͚ͨऔΓΈʹ͍ͭͯհ • ΞΫηγϒϧͳαʔϏεఏڙͰ͖ΔΑ͏Ҿ͖ଓ͖ྗ͍ͯ͘͠ ͓ΘΓʹ
-:$PSQPSBUJPO ͋Γ͕ͱ͏͍͟͝·ͨ͠