スクリーンリーダーはプレースホルダーにアクセスできるのか

Transcript

1. εΫϦʔϯϦʔμʔ͸ϓϨʔε ϗϧμʔʹΞΫηεͰ͖Δͷ͔
   
   8FE ණݟ
   ޹߂
   4NBSU)3
   ϓϩμΫτΤϯδχΞ
2. ࣗݾ঺հ ɾ໊લɿhimiʢ@himi_himi_ʣ ɾSmartHRϓϩμΫτΤϯδχΞάϧʔϓ ɾϑϩϯτΤϯυΤϯδχΞ ɹɾReact, TypeScript, Next.js ɾ๺ւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ຿
3. ࠓ೔࿩͢͜ͱ
4. w ϓϨʔεϗϧμʔͷࢹ֮తͳ໰୊ͷ࿩👀
   w εΫϦʔϯϦʔμʔͰϓϨʔεϗϧμʔΛ ಡΈ্͛ͯΈͨ࿩💡
5. ϓϨʔεϗϧμʔͷࢹ֮తͳ ໰୊
   
6. ίϯτϥετൺ͕௿͘ɺऑࢹͷਓ͕ಡΊͳ͍έʔε͕͋Δ
   ϓϨʔεϗϧμʔ͸ී௨࣮ࡍͷೖྗͰ͸ͳ͍͜ͱΛࣔͨ͢Ίʹബ͍৭ ͕࢖ΘΕΔͨΊ
7. ίϯτϥετൺ͕ߴ͘ɺೖྗςΩετͱͷ۠ผ͕෇͖ͮΒ͍ έʔε͕͋Δ
   ࠓ౓͸ٯʹೖྗ͞Εͨ஋ͱޡղ͞ΕΔ
8. εΫϦʔϯϦʔμʔͰϓϨʔ εϗϧμʔΛಡΈ্͛Δ
   
9. εΫϦʔϯϦʔμʔͷछྨ
   ୈ3ճࢧԉٕज़ར༻ঢ়گௐࠪใࠂॻ | ೔ຊࢹ֮ো֐ऀICTωοτϫʔΫ
10. ࠓճର৅ͱ͢ΔεΫϦʔϯϦʔμʔ
     8JOEPXTɿ1$5BMLFS
    w ࠃ಺γΣΞ̍Ґ
     8JOEPXTɿ/7%"
    w ࠃ಺γΣΞ̎Ґ
    • SmartHRਪ঑ͷεΫϦʔϯϦʔμʔ  .BD04ɿ7PJDF0WFS
11. ಡΈ্͛ΔIUNM
    
12. 1$5BMLFSͰͷಡΈ্͛݁Ռ
    ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕͣɺ಺༰ʹΞΫηεͰ͖ͳ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
13. /7%"ͰͷಡΈ্͛݁Ռ
    ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕ͕ͨɺ࠷ޙͷʮϒϥϯΫʯ·Ͱฉ͍ ͯॳΊͯͦΕ͕ϓϨʔεϗϧμʔͩͱΘ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
14. 7PJDF0WFSͰͷಡΈ্͛݁Ռ
    ϓϨʔεϗϧμʔ͸ಡΈ্͛ΒΕ͕ͨɺ·ΔͰೖྗ஋ͷΑ͏ʹಡΈ্ ͛ΒΕɺϓϨʔεϗϧμʔͰ͋Δ͜ͱ͸Θ͔Βͳ͔ͬͨ ஋͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
15. ·ͱΊ
16. w ϓϨʔεϗϧμʔ͸੖؟ऀϢʔβʔʹରͯ͠ ΋ࢹ֮తͳ໰୊Λ๊͍͑ͯΔ😭
    w εΫϦʔϯϦʔμʔ͸੡඼ʹΑͬͯϓϨʔε ϗϧμʔʹΞΫηεͰ͖ͳ͔ͬͨΓɺͰ͖ͨ ͱͯ͠΋ೖྗ஋ͱ۠ผͮ͠Β͍໰୊Λ๊͑ͯ ͍Δ😭
17. ͓ΘΓ