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
860
ブロックエディターではじめるアクセシビリティ / 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
510
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
400
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
610
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
340
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
2k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
38k
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
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
110
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
420
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.7k
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
190
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2k
freee + Product Design FY25Q4
freee
4
16k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
870
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
224
9.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Building Adaptive Systems
keathley
43
2.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Done Done
chrislema
185
16k
How to Ace a Technical Interview
jacobian
279
23k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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!