誰でも使えるプラグインを作りたい – WordPress プラグイン開発者の視点で考えるアクセシビリティ

WordCamp Kyoto 2017 での40分枠セッション用スライド。

Transcript

1. ୭Ͱ΋࢖͑ΔϓϥάΠϯΛ࡞Γ͍ͨ
   8PSE1SFTTϓϥάΠϯ։ൃऀͷࢹ఺Ͱߟ͑ΔΞΫηγϏϦςΟ
   

   View Slide

2. w ࡾ޷ོ೭
   w 8PSE1SFTTϓϥάΠϯ։ൃऀ
   w ΞΫηγϏϦςΟͷઐ໳ՈͰ
   ͸͋Γ·ͤΜɻ
   

   View Slide

3. View Slide

4. $POUBDU'PSN
   

   View Slide

5. View Slide

6. ͳͥΞΫηγϏϦςΟʹ
   ؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
   

   View Slide

7. ΞΫηγϏϦςΟʹ഑ྀ͍ͯ͠ͳ͍
   ϑΥʔϜ͸ແ༻ͷ௕෺
   ͳͥΞΫηγϏϦςΟʹؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
   

   View Slide

8. ͳͥΞΫηγϏϦςΟʹؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
   +PF%PMTPO͞Μͷ
   8PSE$BNQεϐʔνΛ຋༁
   

   View Slide

9. ίϯτϦϏϡʔλʔσΠʹࢀՃ
   ΞΫηγϏϦςΟνʔϜͱձ͏
   ͳͥΞΫηγϏϦςΟʹؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
   

   View Slide

10. ʮ਺ඦສαΠτͰ࢖ΘΕΔΑ͏ͳ
    ϓϥάΠϯͷΞΫηγϏϦςΟ͕
    վળ͞ΕΕ͹ɺͦͷԸܙ͸
    ͱͯ΋େ͖ͳ΋ͷʹͳΔʯ
    ͳͥΞΫηγϏϦςΟʹؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
    

    View Slide

11. ΞΫηγϏϦςΟͷ഑ྀ͸
    ϓϥάΠϯ։ൃऀͷ੹೚
    ͳͥΞΫηγϏϦςΟʹؔ৺Λ࣋ͭΑ͏ʹͳ͔ͬͨ
    

    View Slide

12. View Slide

13. ΞΫηγϏϦςΟΛͲ͏ֶͿ͔
    

    View Slide

14. ॻ੶΍ωοτʹग़ճ͍ͬͯΔ৘ใʹ͸
    ݹ͔ͬͨΓݱ࣮཭Εͨ͠΋ͷ͕ଟ͍
    ΞΫηγϏϦςΟΛͲ͏ֶͿ͔
    ྫUBCJOEFYɺUJUMFଐੑͷ࢖͍ํ
    

    View Slide

15. ΞΫηγϏϦςΟΛ
    8PSE1SFTTίΞ͔ΒֶͿ
    ΞΫηγϏϦςΟΛͲ͏ֶͿ͔
    

    View Slide

16. 8PSE1SFTTίΞͷ։ൃ͸
    ΞΫηγϏϦςΟνʔϜ͕
    ؂म͍ͯ͠Δ
    ͳͥΞΫηγϏϦςΟΛ8PSE1SFTTίΞ͔ΒֶͿ͔
    

    View Slide

17. 8PSE1SFTTίΞ͸
    8$"(ΨΠυϥΠϯ४ڌ
    ͳͥΞΫηγϏϦςΟΛ8PSE1SFTTίΞ͔ΒֶͿ͔
    

    View Slide

18. ΞΫηγϏϦςΟνʔϜ͸
    ࢧԉٕज़ͷϢʔβʔͷ
    ώΞϦϯάௐࠪ΋ߦͳ͍ͬͯΔ
    ͳͥΞΫηγϏϦςΟΛ8PSE1SFTTίΞ͔ΒֶͿ͔
    

    View Slide

19. w NBLFXPSEQSFTTPSHBDDFTTJCJMJUZ
    w XPSEQSFTTUWUBHBDDFTTJCJMJUZ
    w 8PSE1SFTTͷίϛοτϩάΛ

    શ෦νΣοΫ
    ΞΫηγϏϦςΟΛͲ͏ֶͿ͔
    

    View Slide

20. View Slide

21. $POUBDU'PSNʹ͓͚ΔରԠࣄྫ
    

    View Slide

22. Ԡ౴ϝοηʔδͷGPSN֎෦Խ
    $POUBDU'PSNʹ͓͚ΔରԠࣄྫ
    

    View Slide

23. Ԡ౴ϝοηʔδͷGPSN֎෦Խ
    

    View Slide

24. ϑΥʔϜςϯϓϨʔτͰͷ
    MBCFM࢖༻
    $POUBDU'PSNʹ͓͚ΔରԠࣄྫ
    

    View Slide

25. ϑΥʔϜςϯϓϨʔτͰͷMBCFM࢖༻
    

    View Slide

26. BSJBSFRVJSFEɺBSJBJOWBMJEଐੑ
    $POUBDU'PSNʹ͓͚ΔରԠࣄྫ
    

    View Slide

27. BSJBSFRVJSFEɺBSJBJOWBMJEଐੑ
    

    View Slide

28. SF$"15$)"ͷಋೖ
    $POUBDU'PSNʹ͓͚ΔରԠࣄྫ
    

    View Slide

29. SF$"15$)"ͷಋೖ
    

    View Slide

30. View Slide

31. ʮ୭Ͱ΋࢖͑ΔʯϓϥάΠϯ
    

    View Slide

32. ଟݴޠରԠ΋޿͍ҙຯͰ
    ΞΫηγϏϦςΟͱݴ͑ͳ͍ͩΖ͏͔
    ʮ୭Ͱ΋࢖͑ΔʯϓϥάΠϯ
    

    View Slide

33. ೔ຊޠϢʔβʔ͚ͩݟ͍ͯͳ͍͔
    ଟݴޠରԠ
    

    View Slide

34. ೔ຊޠϢʔβʔ͚ͩݟ͍ͯͳ͍͔
    

    View Slide

35. ӈ͔Βࠨʹॻ͘ 35-
    ݴޠ
    ͷϢʔβʔ΁ͷ഑ྀ
    ଟݴޠରԠ
    

    View Slide

36. ΞϥϏΞޠ൛8PSE1SFTT
    

    View Slide

37. View Slide

38. ʬ·ͱΊʭ
    ͦΜͳʹ؆୯ʹ͸͍͔ͳ͍ͱ͖ͩͬͯ
    ͋Δ͔Β·͋஍ಓʹ͕Μ͹Γ·͠ΐ͏
    

    View Slide