$30 off During Our Annual Pro Sale. View Details »

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

majimasachi
January 29, 2021
Design
1
530

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

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

majimasachi

January 29, 2021
Tweet

More Decks by majimasachi

See All by majimasachi
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
120
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.3k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
2.6k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
14
29k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
840
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.1k
インクルーシブに楽しむアクセシビリティ
majimasachi
4
670

Other Decks in Design

See All in Design
i3DESIGN_Culture_Book / for Designer
i3design
0
4k
UXA2022 Day 2; Joel Perlgut - The Narrative Design of Everyday Things: Storytelling and Digital Products
uxaustralia
PRO
0
130
Installing and Running decksh/pdfdeck
ajstarks
0
170
「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ
sizucca
2
1.2k
UXA2022 Day 2; - Christian Crumlish - Product Management for UX People
uxaustralia
PRO
0
170
Blend the DESIGN - 融ける“デザインのチカラ” / Designship2022
visional_engineering_and_design
1
1.5k
自分のYUMEMIに出会ってから、内定承諾までのストーリー
tact0001
0
640
Storyboard1
zadoraba
0
110
デザインシステムと画面パターン
fkady
1
560
decksh object reference
ajstarks
1
390
Tu fais du Web et tu ne connais pas les Layout Shifts ?! Nan mais...
goetter
2
160
Together/Apart
damberg
2
490

Featured

See All Featured
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
8.9k
Building Applications with DynamoDB
mza
84
4.9k
A designer walks into a library…
pauljervisheath
197
16k
GraphQLの誤解/rethinking-graphql
sonatard
36
7.6k
How to train your dragon (web standard)
notwaldorf
64
4.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
130k
The Power of CSS Pseudo Elements
geoffreycrofte
51
4.2k
Code Review Best Practice
trishagee
48
11k
Art, The Web, and Tiny UX
lynnandtonic
282
18k
Build The Right Thing And Hit Your Dates
maggiecrowley
21
1.4k
Done Done
chrislema
176
14k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
4
3.9k

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!