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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kenichiro Kishida
June 22, 2024
Technology
420
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
Kenichiro Kishida
June 22, 2024
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Compression Streams API によるブラウザネイティブなデータ圧縮/jsfes2025
sizuhiko
0
57
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
76
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
230
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
210
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
380
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
250
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
430
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.5k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
390
Other Decks in Technology
See All in Technology
Microsoft のサポートとフィードバック総まとめ
murachiakira
PRO
0
110
データレイクの「見えない問題」を可視化する
sansantech
PRO
1
200
Oracle Cloud Infrastructure:2026年6月度サービス・アップデート
oracle4engineer
PRO
0
300
元・セキュリティ学習経験0大学生による業務紹介 / An Introduction to the Job by a Former College Student with Zero Security Training Experience
nttcom
0
130
作る力から、見極める力へ — AI時代に広がるエンジニアの価値と役割
rince
0
330
Deep Data Security 機能解説
oracle4engineer
PRO
2
120
AIのReact習熟度を測る
uhyo
2
680
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
moulongzhang
5
1.7k
レガシーな広告配信システムでのAI駆動開発/運用の挑戦
i16fujimoto
0
120
AIネイティブな開発のサプライチェーンリスク対策 〜激動の開発現場でリスクに立ち向かう〜【ZennFes】
cscengineer
PRO
2
160
Comment regagner la souveraineté de vos données tout en étant payé grâce à Nostr !
rlifchitz
0
200
AWS Security Hub CSPMの成功・失敗体験
cmusudakeisuke
0
550
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
sira's awesome portfolio website redesign presentation
elsirapls
0
280
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
230
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Deep Space Network (abreviated)
tonyrice
0
210
From π to Pie charts
rasagy
0
220
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
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͞ΒʹڵຯΛ࣋ͬͨਓ͕࣍ͷஈ֊ʢٕज़త ͳରԠํ๏ʣʹߦ͚ΔΑ͏ʹαϙʔτͨ͠ ͍ ·ͱΊ