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

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

73239a63bba7e11d6f2621caceef76d1?s=47 majimasachi
January 29, 2021

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

2021年1月29日に開催された WP Zoom UP #57 新春LT大会2021!で発表したスライドです。
テキスト版はこちら

73239a63bba7e11d6f2621caceef76d1?s=128

majimasachi

January 29, 2021
Tweet

Transcript

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

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

  3. ͸͡Ίʹ

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

  5. *OUSPEVDJOH8PSE1SFTT#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. *OUSPEVDJOH5XFOUZ5XFOUZ0OFc.BLF8PSE1SFTT$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. "OBMU%FDJTJPO5SFFc8"*8FC"DDFTTJCJMJUZ5VUPSJBMT

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

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

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

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

  39. ͍͞͝ʹ

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

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

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