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

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

73239a63bba7e11d6f2621caceef76d1?s=47 majimasachi
January 29, 2021
Design
1
350

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

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

73239a63bba7e11d6f2621caceef76d1?s=128

majimasachi

January 29, 2021
Tweet

More Decks by majimasachi

See All by majimasachi
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
2
81
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
10
1.1k
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
8
2.4k
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
11
26k
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
1
780
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
7
1.9k
73239a63bba7e11d6f2621caceef76d1?s=48 majimasachi
4
520

Other Decks in Design

See All in Design
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
0
130
859e8975e599ea0d6d9e84eb9e35bdb6?s=48 3mp
0
610
Bbbc49d0d9b78f671ffb431d5e381f2a?s=48 x3carlyx3
0
180
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
0
290
A59f1440588fd8d0447a8e96b8c9b8c5?s=48 hara_mei
0
560
6e51a472cea0c9d058d830eca153cb0f?s=48 ncdc
1
250
070d33664df274636dad3da21c9b21fc?s=48 rockname
1
510
9d1961575e45a8286cdde5f86dbba312?s=48 akatsuki174
1
1.1k
B703da7cc05ce9718d63f9b2c6028ff7?s=48 visional_design
0
1k
E7a26dfe337b078af506ec7f79d01557?s=48 ruthbaraz
PRO
1
320
7d05a6e379403aa40b0e470b5567a3b1?s=48 itandi
1
240
196a4242eecbd120dcb4cd9a80899e34?s=48 benholliday
1
170

Featured

See All Featured
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.2k
245cee81a9c424266e5e401d844ea881?s=48 lara
596
62k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
9k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
449
36k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k
245cee81a9c424266e5e401d844ea881?s=48 lara
27
3.4k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
26k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
208
20k

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!