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
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
Search
Kenichiro Kishida
June 22, 2024
Technology
1
370
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
Kenichiro Kishida
June 22, 2024
Tweet
Share
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
200
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
160
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
340
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
220
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
390
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.4k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
360
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
720
E2Eテストに向き合う/PHPerKaigi2020
sizuhiko
1
2.7k
Other Decks in Technology
See All in Technology
Dart and Flutter MCP serverで実現する AI駆動E2Eテスト整備と自動操作
yukisakai1225
0
190
開発者から見たLLMの進化 202511
ny7760
1
160
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
1
660
What's the recommended Flutter architecture
aakira
0
190
DMARCは導入したんだけど・・・現場のつぶやき 〜 BIMI?何それ美味しいの?
hirachan
1
190
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
saka2jp
2
210
決済システムの信頼性を支える技術と運用の実践
ykagano
0
380
バクラクの AI-BPO を支える AI エージェント 〜とそれを支える Bet AI Guild〜
tomoaki25
1
280
[Oracle TechNight#94] Oracle AI World 2025 Oracle Database関連フィードバック
oracle4engineer
PRO
0
300
なぜThrottleではなくDebounceだったのか? 700並列リクエストと戦うサーバーサイド実装のすべて
yoshiori
2
310
Introducing RFC9111 / YAPC::Fukuoka 2025
k1low
1
170
Zabbix Conference Japan 2025 ダッシュボードコンテストLT
katayamatg
0
150
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
The Language of Interfaces
destraynor
162
25k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Statistics for Hackers
jakevdp
799
220k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Side Projects
sachag
455
43k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Typedesign – Prime Four
hannesfritz
42
2.9k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Code Review Best Practice
trishagee
72
19k
Transcript
QIQDPOGVL ,FOJDIJSP,JTIJEB !TJ[VIJLP 8FCΞΫηγϏϦςΟ ϫʔΫγϣοϓΛ ࣾͰͬͯΈͨ
,FOJDIJSP,JTIJEB ӬͷσΟεςΟϯάΠογϡτɾΤϯδχΞ੍ʹ͓͚Δ %JTUJOHVJTIFE$SFBUPS TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ
w͚ࣾʹԿ͔Δ͜ͱʹͳͬͨ w8FCΞΫηγϏϦςΟΛͬͱਁಁͤͨ͞ ͍ʢࡢ͙Β͍͔ΒͷݸਓతςʔϚ ͖͔͚ͬ
ଞਓࣄͩΖ͏͔ʁ https://www.gankaikai.or.jp/health/50 ͨͱ͑ ຊਓͰஉੑͷਓʹਓɺঁੑͰਓʹਓ ͷׂ߹Ͱ৭֮ҟৗͷਓ͕͍·͕͢ɺ৭֮ҟৗͷอҼऀ ঁੑͷਓʹਓͷׂ߹ʹͳΓ·͢ɻ
ଞਓࣄͩΖ͏͔ʁ ࠷ۙʜ ྸͷ͍͔ͤɺখ͍͞ࣈ͕ͱͯݫ͍͠ɻ ζʔϜͰ͖ͳ͍ϞόΠϧαΠτͱ͔ดͯ͡͠·͏͔
ίϯηϓτ ຊདྷΠϯλʔωοτͱ୭ʹͱͬͯ ΞΫηγϒϧͳͷͰ͋Δ͖ͩ
ϫʔΫγϣοϓͷΰʔϧ ࣗ͝ͱʹ͢ΔͨΊʹ ෆศΛମݧ͢Δ͜ͱେࣄ ΈΜͳͰମݧͯ͠ΈΑ͏
w࠲ֶ wٳܜ wϫʔΫγϣοϓ wٳܜ w;Γ͔͑Γ ͬͨ͜ͱ
࠷ۙͷಈͷհ https://webtan.impress.co.jp/e/2024/05/10/46759
ΨΠυϥΠϯͷհ https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook
8$ඪ४ͷհ https://www.w3.org/WAI/design-develop/
ॻ੶ͷհ https://www.amazon.co.jp/dp/4297133660
w8$"(8FC$POUFOU "DDFTTJCJMJUZ(VJEFMJOFT w8"*8FC"DDFTTJCJMJUZ*OJUJBUJWF w8"*"3*"8FC"DDFTTJCJMJUZ *OJUJBUJWFr"DDFTTJCMF3JDI *OUFSOFU"QQMJDBUJPOT wBZΞΫηγϏϦςΟͷུশ ʢ"DDFTTJCJMJUZͷ"͔Β:·Ͱͷؒ ʹจࣈ͕ڬ·Ε͍ͯΔͨΊɺ͜ͷΑ͏ ʹུ͢ʣ
༻ޠͷհ
wXFCEFWͷ+BWB4DSJQU·Ͱͷίϯς ϯπΛհ IUUQTXFCEFWMFBSOBDDFTTJCJMJUZ XFMDPNF IMKB ࠲ֶΛਂΊΔ
࣌ؒͩͱΓͳ͘ͳΔͷͰɺ͜ͷ͋ͨΓͷ ηοτΞοϓࣄલʹͬͯΒͬͨ w(PPHMF$ISPNF w$ISPNF-FOT wεΫϦʔϯϦʔμʔ ར༻͢Δπʔϧࣄલ४උ
$ISPNF-FOTͷ͍ํΛମݧ ᶄνΣοΫ ͢Δ ᶅϞʔυ ΛબͿ ᶃEFW5PPM ͔ΒબͿ
w 8JOEPXT /7%" w /7%"Ωʔ*OTFSUແม w νʔτγʔτΛݟΔͱࢁͷૢ࡞͕ॻ͍ͯ͋Δͷ ͰɺͦΕΛผը໘ʹදࣔ͠ͳ͕Β͕ྑͦ͞͏
εΫϦʔϯϦʔμʔͷ͍ํΛମݧ
w .BD 7PJDF0WFS w .BDͰ7PJDF0WFSΛͬͯ8FCϖʔδΛϒϥ ζ͢Δ IUUQTTVQQPSUBQQMFDPNKBKQHVJEF WPJDFPWFSWPNBD
εΫϦʔϯϦʔμʔͷ͍ํΛମݧ ϢʔςΟ ϦςΟͰ ઃఆՄೳ
wGSFFFࣾͷτϨʔχϯάίϯςϯπΛར༻ IUUQTGSFFFHJUIVCJPBZUSBJOJOH wۨྤࢢΞΫηγϏϦςΟ্ͷͷମݧα ΠτΛར༻ IUUQTBZDDPNDJUZLPNBSV ϫʔΫγϣοϓͷ࣮ࢪ
;Γ͔͑Γ
w8FCΞΫηγϏϦςΟରࡦΛ͍ͯ͠ͳ͍α ΠτͰɺͲͷΑ͏ͳෆศ͕͓͖Δͷ͔Λମ ݧ͢Δ͜ͱͰଟ͘ͷؾ͖ͮΛಘͯΒ͑ͨ w͍͖ͳΓ)5.-λά͕Ͳ͏ͩͱ͔ɺ৭ͷ ϧʔϧͲ͏ͩͱ͍͏ͷΛΔΑΓલʹ ͓ͬͯ͘ͱྑͦ͞͏ʹײͨ͡ w͞ΒʹڵຯΛ࣋ͬͨਓ͕࣍ͷஈ֊ʢٕज़త ͳରԠํ๏ʣʹߦ͚ΔΑ͏ʹαϙʔτͨ͠ ͍ ·ͱΊ