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
310
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
350
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
500
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
310
ウェブ制作に活かすユニバーサルデザインの視点 / 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
1k
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.7k
Other Decks in Design
See All in Design
発表資料テンプレート / My slide template
thatblue
0
280
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.2k
NAHO SHIMONO_Portfolio2025
nahohphp
0
390
LayerX DesignersDeck
layerx
PRO
1
7.3k
Crisp Code inc. ブランドガイドライン
so_kotani
1
150
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
130
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
1
390
Storyboard Honey
rocioparronrubio
0
120
「デザイン」を信じるには
iflection
0
180
portfolio_YumiYasuda
yum0418
0
220
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
210
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
530
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Fireside Chat
paigeccino
37
3.4k
Docker and Python
trallard
44
3.3k
Building Applications with DynamoDB
mza
94
6.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Typedesign – Prime Four
hannesfritz
41
2.6k
How to Ace a Technical Interview
jacobian
276
23k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Designing Experiences People Love
moore
141
24k
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!