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
140
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
October 10, 2023
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
0
2.2k
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
470
0→1フェーズでのアクセシビリティへの取り組み
himi
0
420
Featured
See All Featured
Speed Design
sergeychernyshev
24
570
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Building Applications with DynamoDB
mza
90
6.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Designing the Hi-DPI Web
ddemaree
280
34k
What's in a price? How to price your products and services
michaelherold
243
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
13
1.9k
Navigating Team Friction
lara
183
14k
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ΞϓϦέʔγϣϯΞΫηγϏϦςΟʱͰֶ Μͩ༰ΛݩʹΞΫηγϏϦςΟվળ׆ಈΛߦͬͨ👷 ɾ͙͢ʹվળ׆ಈʹ׆͔ͤΔ༰͕ଟ͘ɺଈޮੑͷ ͋Δॻ੶ͩͬͨ🙏 ɾ·ͩվળʹࢸ͍ͬͯͳ͍༰͋ΔͷͰɺҾ͖ଓ ͖׆ಈΛଓ͚͍ͯΔ🏃
͓ΘΓ