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
Unsuck your backbone
ammeep
671
58k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Agile that works and the tools we love
rasmusluckow
331
21k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Designing for Performance
lara
610
69k
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ΞϓϦέʔγϣϯΞΫηγϏϦςΟʱͰֶ Μͩ༰ΛݩʹΞΫηγϏϦςΟվળ׆ಈΛߦͬͨ👷 ɾ͙͢ʹվળ׆ಈʹ׆͔ͤΔ༰͕ଟ͘ɺଈޮੑͷ ͋Δॻ੶ͩͬͨ🙏 ɾ·ͩվળʹࢸ͍ͬͯͳ͍༰͋ΔͷͰɺҾ͖ଓ ͖׆ಈΛଓ͚͍ͯΔ🏃
͓ΘΓ