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 with block editor
Search
majimasachi
January 29, 2021
Design
1
690
ブロックエディターではじめるアクセシビリティ / 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
あかるいブランドカラーと コントラストの話 / bright brand colors and contrast
majimasachi
2
220
ウェブ制作に活かすユニバーサルデザインの視点 / Universal design for web design
majimasachi
10
1.7k
認知心理学に学ぶ 伝わる情報デザイン / Cognitive psychological information design
majimasachi
8
3k
スライド作成のチェックポイント / WordCamp Ogijima 2018 slideguide_jp
majimasachi
14
33k
Checkpoints for Creating Slides / WordCamp Ogijima 2018 slideguide-en
majimasachi
1
930
明日からできるデザイン・コンテンツのアクセシビリティ入門2018 / A11y in Design and Contents
majimasachi
7
2.5k
インクルーシブに楽しむアクセシビリティ
majimasachi
4
840
Other Decks in Design
See All in Design
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
910
実務のための マイクロ インタラクション入門
shingo2000
0
350
実案件でのFigmaデータの作り方
xxxkinu
2
210
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
WHAT ARE ME?
takuro_nakajima
PRO
0
1.2k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
22
7.7k
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
180
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
710
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
570
Resolving text accessibility dilemmas in UIs
romanshamin
0
130
プロダクトデザインは子育て/Product design is parenting
medley
0
280
Featured
See All Featured
Practical Orchestrator
shlominoach
181
9.7k
In The Pink: A Labor of Love
frogandcode
138
21k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Into the Great Unknown - MozCon
thekraken
10
980
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Bash Introduction
62gerente
604
210k
Web Components: a chance to create the future
zenorocha
305
41k
Teambox: Starting and Learning
jrom
128
8.4k
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!