20210526_a11y.pdf

Transcript

1. "DDFTTJCJMJUZͱ͸Կ͔

   ஌ͬͯ·͔͢ʁ
   
   

   View Slide

2. "DDFTTJCJMJUZͱ͍͏ݴ༿Λ
   ฉ͍ͨ͜ͱ͕͋Γ·͔͢ʁ
   
   

   View Slide

3. "DDFTTJCJMJUZͬͯԿʁ
   
   

   View Slide

4. "DDFTTJCJMJUZͱ͸
   w ʮΑΓଟ͘ͷϢʔβʔ͕ɺΑΓଟ͘ͷར༻؀ڥ͔ΒɺΑΓଟ͘ͷ
   ৔໘΍ঢ়گͰɺ8FCίϯςϯπΛ࢖͑ΔΑ͏ʹ͢Δ͜ͱɻʯͰ͋
   ΓɺͦΕ͸ʮ࣌୅΍ࣾձ͔Βͷཁ੥ʯͰ΋͋Δɻ
   
   https://weba11y.jp/basics/accessibility/accessibility_index/
   

   View Slide

5. "DDFTTJCJMJUZͱ6TBCJMJUZ
   w ΞΫηγϏϦςΟ͸ʮͦ΋ͦ΋Ϣʔβʔ͕࢖͑Δ͔Ͳ͏͔ʯ

   ͦΕʹରͯ͠ɺϢʔβϏϦςΟ͸ʮ·ͣΞΫηγϏϦςΟ͕֬อ
   ͞Ε͍ͯͯϢʔβʔ͕࢖͑Δঢ়ଶͰ͋Δͱ͍͏લఏͷ্Ͱɺ͞Β
   ʹͲΕ͚ͩ࢖͍΍͍͔͢ɺ෼͔Γ΍͍͔͢ʯ
   
   https://weba11y.jp/basics/accessibility/usability/
   "DDFTTJCJMJUZ
   ଟ͘ͷਓ͕͕࢖͑ΔΑ͏ʹ
   6TBCJMJUZ
   ࢖͑Δਓ͕΋ͬͱ࢖͍΍͘͢
   

   View Slide

6. "DDFTTJCJMJUZ޲্ͷεΩϧΛ࣋ͭՁ஋
   w ϑϩϯτΤϯυʹٻΊΒΕΔେඇػೳཁ݅ͷͭ

   ˞ҰൠతʹݴΘΕͯΔΘ͚Ͱ͸ͳ͘উखʹͦ͏ࢥ͍ͬͯΔ͚ͩ
   
   ύϑΥʔϚϯε
   ηΩϡϦςΟ ΞΫηγϏϦςΟ
   ͜ΕΒΛ౰ͨΓલʹ඼࣭ߴ͘Ͱ͖Δͷ͕
   ϑϩϯτΤϯυΤϯδχΞͱͯ͠ͷ
   ෇ՃՁ஋ʹͳΔ
   

   View Slide

7. "DDFTTJCJMJUZͷࣾձ͔Βͷཁ੥
   w ւ֎Ͱ͸๏ن੍͕͋Δ
   w ೔ຊͰ΋๏ن੍ʹ޲͚ͨಈ͖͕ਐΜͰ͍Δ
   w "DDFTTJCJMJUZΛ୲อ͍ͯ͠ͳ͍͜ͱʹΑΔૌুͷϦεΫ΋
   w ϏϤϯη8FCαΠτͷૌুࣄྫ

   w υϛϊϐβͷૌুࣄྫ
   
   https://webtan.impress.co.jp/e/2019/11/06/34324
   https://mbit.co.jp/mag/column/36306
   

   View Slide

8. "DDFTTJCJMJUZͷج४
   w 8$Ͱఆٛ͞Ε͍ͯΔ
   w 8FC$POUFOUT"DDFTTJCJMJUZ(VJEFMJOFT 8$"(
   
   w ೔ຊޠ൛΋͋Δ͕಺༰͕͚ͬ͜͏೉͍͠
   w اۀ͕ग़͍ͯ͠ΔΨΠυϥΠϯ͕෼͔Γ΍͍͢
   w GSFFF
   w $ZCFS"HFOUʢ"NFCBʣ
   w 4NBSU)3
   
   https://waic.jp/docs/WCAG21/
   https://a11y-guidelines.freee.co.jp/intro/index.html
   https://a11y-guidelines.ameba.design/
   https://smarthr.design/products/accessibility/
   https://waic.jp/docs/WCAG21/Understanding/
   

   View Slide

9. ۩ମྫ
   
   

   View Slide

10. "DDFTTJCJMJUZΛ޲্͢Δҙٛ
    w "DDFTTJCJMJUZ͸ো͕͍Λ࣋ͬͨਓ޲͚ͷରԠͱࢥΘΕ͕ͪ
    w "DDFTTJCJMJUZΛ޲্͢Δ͜ͱͰ6TBCJMJUZ΋޲্Ͱ͖Δ
    
    

    View Slide

11. ͢΂ͯͷػೳΛΩʔϘʔυ͔Β
    ར༻Ͱ͖Δ͜ͱ
    
    

    View Slide

12. ͢΂ͯͷػೳΛΩʔϘʔυ͔Βར༻Ͱ͖Δ͜ͱ
    w ણࡉͳϚ΢εૢ࡞͕ࠔ೉ͳਓ
    Ͱ΋࢖͏͜ͱ͕Ͱ͖Δ
    
    ಛఆͷਓ͚ͩͷ΋ͷʁ
    

    View Slide

13. ͢΂ͯͷػೳΛΩʔϘʔυ͔Βར༻Ͱ͖Δ͜ͱ
    w ણࡉͳϚ΢εૢ࡞͕ࠔ೉ͳਓ
    Ͱ΋࢖͏͜ͱ͕Ͱ͖Δ
    
    w ར͖࿹Λոզͯ͠Ϛ΢ε͕͏·
    ͘ૢ࡞Ͱ͖ͳͯ͘΋࢖͏͜ͱ
    ͕Ͱ͖Δ
    ಛఆͷਓ͚ͩͷ΋ͷʁ
    ୭Ͱ΋ԸܙΛಘΔՄೳੑ͕͋Δʂ
    

    View Slide

14. ৭ʹཔΒͣʹ৘ใΛཧղͰ͖Δ͜ͱ
    
    

    View Slide

15. ৭ʹཔΒͣʹ৘ใΛཧղͰ͖Δ͜ͱ
    w ৭ऑͷਓͰ͋ͬͯ΋৘ใΛཧղ
    ͢Δ͜ͱ͕Ͱ͖Δ
    
    ಛఆͷਓ͚ͩͷ΋ͷʁ
    

    View Slide

16. ৭ʹཔΒͣʹ৘ใΛཧղͰ͖Δ͜ͱ
    w ৭ऑͷਓͰ͋ͬͯ΋৘ใΛཧղ
    ͢Δ͜ͱ͕Ͱ͖Δ
    
    w ԰֎Ͱ೔͕ࠩ͠ڧ͍࣌Ͱ΋৘
    ใΛཧղ͢Δ͜ͱ͕Ͱ͖Δ
    ಛఆͷਓ͚ͩͷ΋ͷʁ ୭Ͱ΋ԸܙΛಘΔՄೳੑ͕͋Δʂ
    

    View Slide

17. ඇςΩετίϯςϯπʹ͸
    ςΩετʹΑΔ୅ସΛఏڙ͢Δ͜ͱ
    
    

    View Slide

18. ςΩετʹΑΔ୅ସΛఏڙ͢Δ͜ͱ
    w ಡΈ্͛ιϑτΛ࢖͍ͬͯΔਓ
    Ͱ΋ը૾ͳͲͷඇςΩετίϯ
    ςϯπͷ಺༰ΛཧղͰ͖Δ
    
    ಛఆͷਓ͚ͩͷ΋ͷʁ
    

    View Slide

19. ςΩετʹΑΔ୅ସΛఏڙ͢Δ͜ͱ
    w ಡΈ্͛ιϑτΛ࢖͍ͬͯΔਓ
    Ͱ΋ը૾ͳͲͷඇςΩετίϯ
    ςϯπͷ಺༰ΛཧղͰ͖Δ
    
    w ௨৴੍ݶͰը૾͕ಡΈࠐΊͳ
    ͯ͘΋಺༰ΛཧղͰ͖Δ
    ಛఆͷਓ͚ͩͷ΋ͷʁ
    ୭Ͱ΋ԸܙΛಘΔՄೳੑ͕͋Δʂ
    

    View Slide

20. ଞʹ΋͍Ζ͍Ζͳ߲໨͕͋ΔͷͰ
    ઌड़ͷΨΠυϥΠϯΛݟͯΈ͍ͯͩ͘͞ʂ
    
    

    View Slide

21. "DDFTTJCJMJUZΛνΣοΫ͢Δ
    
    

    View Slide

22. "DDFTTJCJMJUZνΣοΫπʔϧ
    w BYF
    w $ISPNF֦ுΛ࢖͏ͷ͕ศར
    w -JHIUIPVTF
    w $ISPNF%FWUPPMTͷ-JHIUIPVTFλϒ͔Β࢖͏ͷ͕͓खܰ
    w ಺෦తʹ͸BYFDPSFΛ࢖͍ͬͯΔ

    w ࣗಈνΣοΫͰ͖ͳ͍΋ͷ͸खಈͰςετ͢Δඞཁ͕͋Δ
    
    

    View Slide

23. ·ͱΊ
    
    

    View Slide

24. "DDFTTJCJMJUZ΁ͷ޲͖߹͍ํ
    w શͯͷج४Λຬͨ͢ͷ͸ͱͯ΋େม
    w Ͱ΋ɺͪΐͬͱͨ͠ؾݣ͍Ͱ؆୯ʹվળͰ͖Δ΋ͷ΋ଟ͍
    w ΞϓϦ։ൃΛ͢Δػձ͕͋ͬͨΒ

    "DDFTTJCJMJUZΛগ͠Ͱ΋ҙࣝ͢ΔΑ͏ʹͯ͠Έ͍ͯͩ͘͞ʂ
    
    

    View Slide

25. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    
    

    View Slide