Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

takayukister

June 24, 2017
Tweet

More Decks by takayukister

Other Decks in Programming

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