書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善

Transcript

1. ॻ੶ʰ8FCΞϓϦέʔγϣϯΞΫ ηγϏϦςΟʱΛ׆༻ͨ͠ΞΫη γϏϦςΟվળ
   
   8FE ණݟ
   ޹߂
   4NBSU)3
   ϓϩμΫτΤϯδχΞ
2. ࣗݾ঺հ ɾ໊લɿhimiʢ@himi_himi_ʣ ɾSmartHRϓϩμΫτΤϯδχΞάϧʔϓ ɾϑϩϯτΤϯυΤϯδχΞ ɹɾReact, TypeScript, Next.js ɾ๺ւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ຿
3. ࠓ೔࿩͢͜ͱ
4. ɾॻ੶ʰ8FCΞϓϦέʔγϣϯΞΫηγϏϦ ςΟʱ
   ɾվળࣄྫ̍ɿλϒ6*ͷվળ
   ɾվળࣄྫ̎ɿ༧ଌͰ͖ͳ͍ಈ࡞ͷվળ
   ɾվળࣄྫ̏ɿΤϥʔαϚϦʔͷվળ
5. ॻ੶ʰ8FCΞϓϦέʔγϣ ϯΞΫηγϏϦςΟʱ
   
6. ຊͷ঺հ📚 ɾ2023೥2݄ൃച🎉 ɾࠓ͙͢ݱ৔ͷΞΫηγϏϦςΟ޲্ʹ׆ ͔͢͜ͱ͕Ͱ͖Δ಺༰͕େ੝ ɾSmartHRͰಡॻձΛ։࠵ ɾ෼ް͍ʢ550ϖʔδʣ
7. ຊ͔ΒֶΜͩ಺༰ΛݩʹΞΫη γϏϦςΟ޲্ʹऔΓ૊Ή💪
8. վળࣄྫ̍ɿλϒ6*ͷվળ
9. վળର৅ͷ6*👀
10. վળର৅ͷ6*👀
11. εΫϦʔϯϦʔμʔͰૢ࡞͢ΔͱɺϘλϯΛԡͯ͠ ΋Կ͕ىͬͨ͜ͷ͔Θ͔ΓͮΒ͍🤯
12. ͜Εͦ΋ͦ΋λϒ6*ͳͷͰ͸🤔
13. Ұൠతͳλϒ6*
14. ͜ͷ6*͸λϒͷฒͿ޲͖͕ॎʹͳͬͨ΋ͷ💡
15. λϒ6*ͱ࣮ͯ͠૷ͯ͠ΈΔ💪
16. 8"*"3*"Λ࢖͏ͱɺλϒ6*Ͱ͋Δ͜ ͱɺλϒ͕બ୒͞Ε͍ͯΔ͜ͱɺλϒ ͷίϯςϯπ͕Ӆ͞Ε͍ͯΔ͔Ͳ͏͔ ͳͲͷηϚϯςΟΫεΛදݱͰ͖Δɻ
17. λϒ6*༻ͷSPMF΍BSJBଐੑΛ௥Ճ👷
18. εΫϦʔϯϦʔμʔϢʔβʔʹ఻ΘΓ΍͍͢6*ʹ🎉
19. εΫϦʔϯϦʔμʔϢʔβʔʹ఻ΘΓ΍͍͢6*ʹ🎉
20. վળࣄྫ̎ɿ༧ଌͰ͖ͳ͍ಈ ࡞ͷվળ
    
21. ஋มߋΛτϦΨʔʹը໘ભҠ͕ൃੜ͢ΔηϨΫτ ϘοΫε👀
22. Ϣʔβʔ͕ϑΥʔϜΛૢ࡞ͨ͠ͱ͖ɺ Ϣʔβʔͷ༧ଌʹ൓ͯ͠8FCϖʔδ ͷ಺༰͕େ͖͘੾ΓସΘͬͨΓ͢Δ ͱɺϢʔβʔʹࠞཚΛ΋ͨΒ͢ɻ
    Α͋͘Δࣄྫ͸ɺ஋Λมߋͨ͠ͱ͖ʹ ը໘ભҠ͕ൃੜ͢ΔϑΥʔϜίϯτ ϩʔϧɻ
23. ஋Λબ୒͢ΔͱϖʔδભҠ͢Δ ͜ͱ͕Θ͔ΔΑ͏ʹमਖ਼👷
24. ϦϯΫͰ͋Δ͜ͱ͕Θ͔ΔΑ͏ʹ🎉
25. վળࣄྫ̏ɿΤϥʔαϚϦʔ ͷվળ
    
26. ೖྗʹෆඋ͕͋Δͱදࣔ͞ΕΔΤϥʔαϚϦʔ👀
27. ΤϥʔαϚϦʔΛදࣔͨ͠ͱ͖ʹɺ ϑΥʔΧε͸ΤϥʔαϚϦʔʹҠಈ͞ ͤΔɻ
    ͦ͏͢Δ͜ͱͰɺΤϥʔ͕ൃੜ͢Δͱ εΫϦʔϯϦʔμʔ͸ΤϥʔαϚϦʔ ͷ৘ใΛಡΈ্͛Δɻ͜ΕʹΑͬͯΤ ϥʔͷൃੜʹؾͮ͘͜ͱ͕Ͱ͖Δɻ
    ը໘Λ֦େ͍ͯ͠ΔϢʔβʔ΋Τϥʔ ͕ൃੜͨ͜͠ͱʹؾ͖ͮ΍͘͢ͳΔɻ
28. Τϥʔ͕ൃੜͨ͠ࡍɺϑΥʔΧ εΛΤϥʔαϚϦʔʹҠಈͤ͞ ΔΑ͏ʹमਖ਼👷
29. ΤϥʔαϚϦʔͷ಺༰͕ಡΈ্͛ΒΕΔΑ͏ʹ🎉
30. ·ͱΊ
31. ɾʰ8FCΞϓϦέʔγϣϯΞΫηγϏϦςΟʱͰֶ Μͩ಺༰ΛݩʹΞΫηγϏϦςΟվળ׆ಈΛߦͬͨ👷
    ɾ͙͢ʹվળ׆ಈʹ׆͔ͤΔ಺༰͕ଟ͘ɺଈޮੑͷ ͋Δॻ੶ͩͬͨ🙏
    ɾ·ͩվળʹࢸ͍ͬͯͳ͍಺༰΋͋ΔͷͰɺҾ͖ଓ ͖׆ಈΛଓ͚͍ͯΔ🏃
32. ͓ΘΓ