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

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

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
17. 8PSE1SFTT
    ຊମ ςʔϚ ίϯςϯπ
18. ϒϩοΫΤσΟλʔ
    ʷ
    ΞΫηγϏϦςΟ
19. ݟग़͠Λ͚ͭΑ͏ ϙΠϯτ
    ⁞
20. ৽͍͠ηΫγϣϯΛ঺հ͠
    ίϯςϯπΛ੔ཧ͢Δ͜ͱͰɺ
    ๚໰ऀ ʢ͓ΑͼݕࡧΤϯδϯʣ ͷ
    ίϯςϯπߏ଄ཧղͷखॿ͚Λ
    ͠·͠ΐ͏ɻ
22. H1ɹಈ෺ʢλΠτϧʣ H2ɹ੸௣ಈ෺ H3ɹڕྨ
    H3ɹ྆ੜྨ
    H3ɹᗡ஬ྨ
    H3ɹௗྨ
    H3ɹᄡೕྨ H4ɹώτ
    H4ɹͿͨ (H1) H2 H3 H4 H5 H6
23. ݟग़͠ͱ
    จॻߏ଄
26. ୅ସςΩετΛ͚ͭΑ͏ ϙΠϯτ
     
28. ୅ସςΩετʹ͸
    ը૾ͱ౳Ձͳ಺༰Λ ը૾ͱஔ͖׵͑ͯ΋աෆ଍͕ͳ͍
29. ͜;ͨͷҭͯํ ͜Ϳͨͷҭͯํ ྫɿը૾ͷதʹจࣈ͕͋Δ
30. ద੾ͳ୅ସςΩετ͸
    ը૾͕࢖ΘΕ͍ͯΔจ຺΍
    ໨తʹΑͬͯมΘΔ
31. Ϳͨͷஔ෺ ྫɿྡ઀͢ΔςΩετ͕͋Δ Ϳͨͷஔ෺
32. ྫɿྡ઀͢ΔςΩετ͕͋Δ Ϳͨͷஔ෺ ਖ਼໘ͷࣸਅɿϐϯΫͷ
    ؙ͍ମʹͭͿΒͳಏͱ
    ୹͍଍ɻ
33. "O
    BMU
    %FDJTJPO
    5SFF
    c
    8"*
    8FC
    "DDFTTJCJMJUZ
    5VUPSJBMT
34. ୅ସςΩετܾఆπϦʔʛ4"8"%"
    45"/%"3%
    %&4*(/
35. จࣈͱഎܠͷ৭ʹ
    ؾΛ͚ͭΑ͏ ϙΠϯτ
    ⁠
37. ίϯτϥετΛ֬อ͠Α͏ Ϣʔβʔͷࢹྗ΍Ӿཡ؀ڥ͸༷ʑ จࣈ৭ͱഎܠ৭ͷ໌Δ͞ͷࠩ
38. 1.
    ݟग़͠Λ͚ͭΑ͏
    2.
    ୅ସςΩετΛ͚ͭΑ͏
    3.
    จࣈͱഎܠͷ৭ʹؾΛ͚ͭΑ͏
39. ͍͞͝ʹ
40. ΞΫηγϏϦςΟ͸
    ʮରԠ͢Δʯ ΋ͷͰ͸ͳ͘
    ߴΊΔ΋ͷ ʠ ʡ גࣜձࣾίϯηϯτɹ⁋
    উར
    ͞Μ
41. ϒϩοΫΛੵΈ্͛ΔΑ͏ʹ
42. ͋Γ͕ͱ͏͍͟͝·ͨ͠ Enjoy Block Editor & Accessibility!