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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
himi
October 10, 2023
0
200
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
October 10, 2023
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
0
2.8k
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
590
0→1フェーズでのアクセシビリティへの取り組み
himi
0
460
Featured
See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
250
Building Applications with DynamoDB
mza
96
6.9k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
590
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Chasing Engaging Ingredients in Design
codingconduct
0
120
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The Spectacular Lies of Maps
axbom
PRO
1
530
Between Models and Reality
mayunak
1
200
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
330
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ΞϓϦέʔγϣϯΞΫηγϏϦςΟʱͰֶ Μͩ༰ΛݩʹΞΫηγϏϦςΟվળ׆ಈΛߦͬͨ👷 ɾ͙͢ʹվળ׆ಈʹ׆͔ͤΔ༰͕ଟ͘ɺଈޮੑͷ ͋Δॻ੶ͩͬͨ🙏 ɾ·ͩվળʹࢸ͍ͬͯͳ͍༰͋ΔͷͰɺҾ͖ଓ ͖׆ಈΛଓ͚͍ͯΔ🏃
͓ΘΓ