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
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
Search
himi
October 10, 2023
0
190
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
October 10, 2023
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
0
2.7k
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
580
0→1フェーズでのアクセシビリティへの取り組み
himi
0
450
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Speed Design
sergeychernyshev
32
1.1k
GitHub's CSS Performance
jonrohan
1032
460k
KATA
mclloyd
32
14k
Making Projects Easy
brettharned
118
6.4k
Building Adaptive Systems
keathley
43
2.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
ॻ੶ʰ8FCΞϓϦέʔγϣϯΞΫ ηγϏϦςΟʱΛ׆༻ͨ͠ΞΫη γϏϦςΟվળ 8FE ණݟ߂ 4NBSU)3ϓϩμΫτΤϯδχΞ
ࣗݾհ ɾ໊લɿhimiʢ@himi_himi_ʣ ɾSmartHRϓϩμΫτΤϯδχΞάϧʔϓ ɾϑϩϯτΤϯυΤϯδχΞ ɹɾReact, TypeScript, Next.js ɾւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ
ࠓ͢͜ͱ
ɾॻ੶ʰ8FCΞϓϦέʔγϣϯΞΫηγϏϦ ςΟʱ ɾվળࣄྫ̍ɿλϒ6*ͷվળ ɾվળࣄྫ̎ɿ༧ଌͰ͖ͳ͍ಈ࡞ͷվળ ɾվળࣄྫ̏ɿΤϥʔαϚϦʔͷվળ
ॻ੶ʰ8FCΞϓϦέʔγϣ ϯΞΫηγϏϦςΟʱ
ຊͷհ📚 ɾ20232݄ൃച🎉 ɾࠓ͙͢ݱͷΞΫηγϏϦςΟ্ʹ׆ ͔͢͜ͱ͕Ͱ͖Δ༰͕େ ɾSmartHRͰಡॻձΛ։࠵ ɾް͍ʢ550ϖʔδʣ
ຊ͔ΒֶΜͩ༰ΛݩʹΞΫη γϏϦςΟ্ʹऔΓΉ💪
վળࣄྫ̍ɿλϒ6*ͷվળ
վળରͷ6*👀
վળରͷ6*👀
εΫϦʔϯϦʔμʔͰૢ࡞͢ΔͱɺϘλϯΛԡͯ͠ Կ͕ىͬͨ͜ͷ͔Θ͔ΓͮΒ͍🤯
͜Εͦͦλϒ6*ͳͷͰ🤔
Ұൠతͳλϒ6*
͜ͷ6*λϒͷฒͿ͖͕ॎʹͳͬͨͷ💡
λϒ6*ͱ࣮ͯͯ͠͠ΈΔ💪
8"*"3*"Λ͏ͱɺλϒ6*Ͱ͋Δ͜ ͱɺλϒ͕બ͞Ε͍ͯΔ͜ͱɺλϒ ͷίϯςϯπ͕Ӆ͞Ε͍ͯΔ͔Ͳ͏͔ ͳͲͷηϚϯςΟΫεΛදݱͰ͖Δɻ
λϒ6*༻ͷSPMFBSJBଐੑΛՃ👷
εΫϦʔϯϦʔμʔϢʔβʔʹΘΓ͍͢6*ʹ🎉
εΫϦʔϯϦʔμʔϢʔβʔʹΘΓ͍͢6*ʹ🎉
վળࣄྫ̎ɿ༧ଌͰ͖ͳ͍ಈ ࡞ͷվળ
มߋΛτϦΨʔʹը໘ભҠ͕ൃੜ͢ΔηϨΫτ ϘοΫε👀
Ϣʔβʔ͕ϑΥʔϜΛૢ࡞ͨ͠ͱ͖ɺ Ϣʔβʔͷ༧ଌʹͯ͠8FCϖʔδ ͷ༰͕େ͖͘ΓସΘͬͨΓ͢Δ ͱɺϢʔβʔʹࠞཚΛͨΒ͢ɻ Α͋͘ΔࣄྫɺΛมߋͨ͠ͱ͖ʹ ը໘ભҠ͕ൃੜ͢ΔϑΥʔϜίϯτ ϩʔϧɻ
Λબ͢ΔͱϖʔδભҠ͢Δ ͜ͱ͕Θ͔ΔΑ͏ʹमਖ਼👷
ϦϯΫͰ͋Δ͜ͱ͕Θ͔ΔΑ͏ʹ🎉
վળࣄྫ̏ɿΤϥʔαϚϦʔ ͷվળ
ೖྗʹෆඋ͕͋Δͱදࣔ͞ΕΔΤϥʔαϚϦʔ👀
ΤϥʔαϚϦʔΛදࣔͨ͠ͱ͖ʹɺ ϑΥʔΧεΤϥʔαϚϦʔʹҠಈ͞ ͤΔɻ ͦ͏͢Δ͜ͱͰɺΤϥʔ͕ൃੜ͢Δͱ εΫϦʔϯϦʔμʔΤϥʔαϚϦʔ ͷใΛಡΈ্͛Δɻ͜ΕʹΑͬͯΤ ϥʔͷൃੜʹؾͮ͘͜ͱ͕Ͱ͖Δɻ ը໘Λ֦େ͍ͯ͠ΔϢʔβʔΤϥʔ ͕ൃੜͨ͜͠ͱʹؾ͖ͮ͘͢ͳΔɻ
Τϥʔ͕ൃੜͨ͠ࡍɺϑΥʔΧ εΛΤϥʔαϚϦʔʹҠಈͤ͞ ΔΑ͏ʹमਖ਼👷
ΤϥʔαϚϦʔͷ༰͕ಡΈ্͛ΒΕΔΑ͏ʹ🎉
·ͱΊ
ɾʰ8FCΞϓϦέʔγϣϯΞΫηγϏϦςΟʱͰֶ Μͩ༰ΛݩʹΞΫηγϏϦςΟվળ׆ಈΛߦͬͨ👷 ɾ͙͢ʹվળ׆ಈʹ׆͔ͤΔ༰͕ଟ͘ɺଈޮੑͷ ͋Δॻ੶ͩͬͨ🙏 ɾ·ͩվળʹࢸ͍ͬͯͳ͍༰͋ΔͷͰɺҾ͖ଓ ͖׆ಈΛଓ͚͍ͯΔ🏃
͓ΘΓ