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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  22. BSJBSFRVJSFEɺBSJBJOWBMJEଐੑ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  30. ΞϥϏΞޠ൛8PSE1SFTT

    View full-size slide

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

    View full-size slide