Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ブロックエディターではじめるアクセシビリティ / start accessibility wi...
Search
majimasachi
January 29, 2021
Design
1
810
ブロックエディターではじめるアクセシビリティ / start accessibility with block editor
2021年1月29日に開催された
WP Zoom UP #57 新春LT大会2021!
で発表したスライドです。
テキスト版はこちら
majimasachi
January 29, 2021
Tweet
Share
More Decks by majimasachi
See All by majimasachi
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
400
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
370
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
550
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
320
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
37k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1.1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.8k
Other Decks in Design
See All in Design
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Storyboard Honey
rocioparronrubio
0
250
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
DC Style Redesign
mcduckyart
0
110
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
640
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.6k
Social Anxiety
ksmith2024
0
230
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
430
Bulletproof Design System with TypeScript
takanorip
6
3.3k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
110
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
250131_product meetup
motokoishida
0
200
Featured
See All Featured
Side Projects
sachag
454
42k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Rails Girls Zürich Keynote
gr2m
94
14k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
106
19k
Producing Creativity
orderedlist
PRO
346
40k
A Tale of Four Properties
chriscoyier
159
23k
Transcript
2021.1.29 WP Zoom UP #57 @mjmjsachi ϒϩοΫΤσΟλʔͰ ͡ΊΔΞΫηγϏϦςΟ
ߴࡏॅ ϑϦʔϥϯεσβΠφʔ ҹʴΣϒ @mjmjsachi ؒౢࠫ
͡Ίʹ
ϒϩοΫΤσΟλʔ ͬͯ·͔͢ʁ 2
*OUSPEVDJOH8PSE1SFTT#FCP
Ͳ͏ͯ͠ΣϒͰ ൃ৴͢Δͷʁ 2
ΑΓଟ͘ͷਓʹ ใΛಧ͚ΔͨΊ "
୭Ͱੈքʹ͚ͯൃ৴Ͱ͖Δ ϒϩοΫΤσΟλʔͰ͞Βʹࣗ༝ʹ Power of WEB ൃ৴͢ΔՄೳੑ
୭Ͱ͖ͳ࣌ʹ͖ͳॴͰ ͖ͳܗࣜͰใΛಘΒΕΔ Power of WEB ड͚औΔՄೳੑ
εΫϦʔϯϦʔμʔ ࣈσΟεϓϨΠ ֦େπʔϧ ϋΠίϯτϥετදࣔ ࣈນ ΩʔϘʔυૢ࡞ ༁πʔϧ Ϣʔβʔʷར༻ڥ
୭͕ใʹΞΫηεͰ͖Δ ΞΫηγϏϦςΟ Access + ability ՄೳੑΛ࠷େԽ͢ΔͨΊʹ
WordPress ͱ ΞΫηγϏϦςΟ
IUUQTNBLFXPSEQSFTTPSHBDDFTTJCJMJUZIBOECPPL
All new or updated code released in WordPress must conform
with the Web Content Accessibility Guidelines 2.1 at level AA. ʠ ʡ
*OUSPEVDJOH5XFOUZ5XFOUZ0OFc.BLF8PSE1SFTT$PSF
None
8PSE1SFTTຊମ ςʔϚ ίϯςϯπ
ϒϩοΫΤσΟλʔ ʷ ΞΫηγϏϦςΟ
ݟग़͠Λ͚ͭΑ͏ ϙΠϯτ⁞
৽͍͠ηΫγϣϯΛհ͠ ίϯςϯπΛཧ͢Δ͜ͱͰɺ ๚ऀ ʢ͓ΑͼݕࡧΤϯδϯʣ ͷ ίϯςϯπߏཧղͷखॿ͚Λ ͠·͠ΐ͏ɻ
None
H1ɹಈʢλΠτϧʣ H2ɹಈ H3ɹڕྨ H3ɹ྆ੜྨ H3ɹᗡྨ H3ɹௗྨ H3ɹᄡೕྨ H4ɹώτ H4ɹͿͨ (H1)
H2 H3 H4 H5 H6
ݟग़͠ͱ จॻߏ
None
None
ସςΩετΛ͚ͭΑ͏ ϙΠϯτ
None
ସςΩετʹ ը૾ͱՁͳ༰Λ ը૾ͱஔ͖͑ͯաෆ͕ͳ͍
͜;ͨͷҭͯํ ͜Ϳͨͷҭͯํ ྫɿը૾ͷதʹจࣈ͕͋Δ
దͳସςΩετ ը૾͕ΘΕ͍ͯΔจ຺ తʹΑͬͯมΘΔ
Ϳͨͷஔ ྫɿྡ͢ΔςΩετ͕͋Δ Ϳͨͷஔ
ྫɿྡ͢ΔςΩετ͕͋Δ Ϳͨͷஔ ਖ਼໘ͷࣸਅɿϐϯΫͷ ؙ͍ମʹͭͿΒͳಏͱ ͍ɻ
"OBMU%FDJTJPO5SFFc8"*8FC"DDFTTJCJMJUZ5VUPSJBMT
ସςΩετܾఆπϦʔʛ4"8"%"45"/%"3%%&4*(/
จࣈͱഎܠͷ৭ʹ ؾΛ͚ͭΑ͏ ϙΠϯτ
None
ίϯτϥετΛ֬อ͠Α͏ ϢʔβʔͷࢹྗӾཡڥ༷ʑ จࣈ৭ͱഎܠ৭ͷ໌Δ͞ͷࠩ
1.ݟग़͠Λ͚ͭΑ͏ 2.ସςΩετΛ͚ͭΑ͏ 3.จࣈͱഎܠͷ৭ʹؾΛ͚ͭΑ͏
͍͞͝ʹ
ΞΫηγϏϦςΟ ʮରԠ͢Δʯ ͷͰͳ͘ ߴΊΔͷ ʠ ʡ גࣜձࣾίϯηϯτɹ⁋উར͞Μ
ϒϩοΫΛੵΈ্͛ΔΑ͏ʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠ Enjoy Block Editor & Accessibility!