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
790
ブロックエディターではじめるアクセシビリティ / 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
290
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
340
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
490
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
310
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.9k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3.2k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
15
37k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.7k
Other Decks in Design
See All in Design
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
200
(第1回) アーキテクト・テックリード育成講座
masakaya
0
210
Rayout Pattern 01
one0
0
1.7k
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
6
980
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
130
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
450
Crisp Code inc. ブランドガイドライン
so_kotani
1
150
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
220
セブンデックス カルチャーブック
sevendex
1
7.8k
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
280
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
230
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
630
Documentation Writing (for coders)
carmenintech
69
4.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
360
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Why Our Code Smells
bkeepers
PRO
336
57k
GraphQLの誤解/rethinking-graphql
sonatard
70
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
7
620
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
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!