ブロックエディターではじめるアクセシビリティ / start accessibility with block editor

Transcript

1. 2021.1.29 WP Zoom UP #57 @mjmjsachi ϒϩοΫΤσΟλʔͰ
   ͸͡ΊΔΞΫηγϏϦςΟ

2. ߴ஌ࡏॅ
   ϑϦʔϥϯεσβΠφʔ
   ҹ࡮෺ʴ΢Σϒ @mjmjsachi ؒౢ
   ࠫ஌

3. ͸͡Ίʹ

4. ϒϩοΫΤσΟλʔ
   ࢖ͬͯ·͔͢ʁ 2

5. *OUSPEVDJOH
   8PSE1SFTT
   
   #FCP

6. Ͳ͏ͯ͠΢ΣϒͰ
   ൃ৴͢Δͷʁ 2

7. ΑΓଟ͘ͷਓʹ
   ৘ใΛಧ͚ΔͨΊ "

8. ୭Ͱ΋ੈքʹ޲͚ͯൃ৴Ͱ͖Δ
   ϒϩοΫΤσΟλʔͰ͞Βʹࣗ༝ʹ Power of WEB ൃ৴͢ΔՄೳੑ

9. ୭Ͱ΋޷͖ͳ࣌ʹ޷͖ͳ৔ॴͰ
   ޷͖ͳܗࣜͰ৘ใΛಘΒΕΔ Power of WEB ड͚औΔՄೳੑ

10. εΫϦʔϯϦʔμʔ
    ఺ࣈσΟεϓϨΠ
    ֦େπʔϧ
    ϋΠίϯτϥετදࣔ ࣈນ ΩʔϘʔυૢ࡞ ຋༁πʔϧ Ϣʔβʔʷར༻؀ڥ

11. ୭΋͕৘ใʹΞΫηεͰ͖Δ ΞΫηγϏϦςΟ Access + ability ՄೳੑΛ࠷େԽ͢ΔͨΊʹ

12. WordPress ͱ
    ΞΫηγϏϦςΟ

13. IUUQTNBLFXPSEQSFTTPSHBDDFTTJCJMJUZIBOECPPL

14. All new or updated code released in WordPress must conform

    with the Web Content Accessibility Guidelines 2.1 at level AA. ʠ ʡ

15. *OUSPEVDJOH
    5XFOUZ
    5XFOUZ0OF
    c
    .BLF
    8PSE1SFTT
    $PSF

16. None

17. 8PSE1SFTT
    ຊମ ςʔϚ ίϯςϯπ

18. ϒϩοΫΤσΟλʔ
    ʷ
    ΞΫηγϏϦςΟ

19. ݟग़͠Λ͚ͭΑ͏ ϙΠϯτ
    ⁞

20. ৽͍͠ηΫγϣϯΛ঺հ͠
    ίϯςϯπΛ੔ཧ͢Δ͜ͱͰɺ
    ๚໰ऀ ʢ͓ΑͼݕࡧΤϯδϯʣ ͷ
    ίϯςϯπߏ଄ཧղͷखॿ͚Λ
    ͠·͠ΐ͏ɻ

21. None

22. H1ɹಈ෺ʢλΠτϧʣ H2ɹ੸௣ಈ෺ H3ɹڕྨ
    H3ɹ྆ੜྨ
    H3ɹᗡ஬ྨ
    H3ɹௗྨ
    H3ɹᄡೕྨ H4ɹώτ
    H4ɹͿͨ (H1)

    H2 H3 H4 H5 H6

23. ݟग़͠ͱ
    จॻߏ଄

24. None
25. None

26. ୅ସςΩετΛ͚ͭΑ͏ ϙΠϯτ
     

27. None

28. ୅ସςΩετʹ͸
    ը૾ͱ౳Ձͳ಺༰Λ ը૾ͱஔ͖׵͑ͯ΋աෆ଍͕ͳ͍

29. ͜;ͨͷҭͯํ ͜Ϳͨͷҭͯํ ྫɿը૾ͷதʹจࣈ͕͋Δ

30. ద੾ͳ୅ସςΩετ͸
    ը૾͕࢖ΘΕ͍ͯΔจ຺΍
    ໨తʹΑͬͯมΘΔ

31. Ϳͨͷஔ෺ ྫɿྡ઀͢ΔςΩετ͕͋Δ Ϳͨͷஔ෺

32. ྫɿྡ઀͢ΔςΩετ͕͋Δ Ϳͨͷஔ෺ ਖ਼໘ͷࣸਅɿϐϯΫͷ
    ؙ͍ମʹͭͿΒͳಏͱ
    ୹͍଍ɻ

33. "O
    BMU
    %FDJTJPO
    5SFF
    c
    8"*
    8FC
    "DDFTTJCJMJUZ
    5VUPSJBMT

34. ୅ସςΩετܾఆπϦʔʛ4"8"%"
    45"/%"3%
    %&4*(/

35. จࣈͱഎܠͷ৭ʹ
    ؾΛ͚ͭΑ͏ ϙΠϯτ
    ⁠

36. None

37. ίϯτϥετΛ֬อ͠Α͏ Ϣʔβʔͷࢹྗ΍Ӿཡ؀ڥ͸༷ʑ จࣈ৭ͱഎܠ৭ͷ໌Δ͞ͷࠩ

38. 1.
    ݟग़͠Λ͚ͭΑ͏
    2.
    ୅ସςΩετΛ͚ͭΑ͏
    3.
    จࣈͱഎܠͷ৭ʹؾΛ͚ͭΑ͏

39. ͍͞͝ʹ

40. ΞΫηγϏϦςΟ͸
    ʮରԠ͢Δʯ ΋ͷͰ͸ͳ͘
    ߴΊΔ΋ͷ ʠ ʡ גࣜձࣾίϯηϯτɹ⁋
    উར
    ͞Μ

41. ϒϩοΫΛੵΈ্͛ΔΑ͏ʹ

42. ͋Γ͕ͱ͏͍͟͝·ͨ͠ Enjoy Block Editor & Accessibility!