Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
Search
Kenichiro Kishida
June 22, 2024
Technology
430
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
89
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
94
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
240
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
210
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
390
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
260
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
440
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
技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026
visional_engineering_and_design
4
3.3k
WordPressの脆弱性対策何をすべき?
masakawai
0
120
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
5
25k
その Lambda、8分で 管理者権限まで奪われます
k1nakayama
6
3.2k
AIを活用するために決めた "やらないこと" - 価値に注目する / Not betting on AI
soudai
PRO
3
560
時うどん〜Socket.getifaddrsで学ぶネットワーク編 / Tokiudon: The Socket.getifaddrs Edition
coe401_
3
130
リアーキテクチャ後の障害ゼロを目指したShadow Testingの取り組み
nihonbuson
PRO
1
160
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
160
AIエージェントを最高のパートナーに育てる方法|評価と判断軸を育てる5つのステップ
koichiaoki
1
150
あけおめLINE 傾向とその対策
nasa9084
0
180
beyond jj: config & tools ecosystem
indirect
0
5.4k
GoのInterface内部構造から学ぶ!最高パフォーマンスを出すコード設計
yappli_developers
0
200
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
52k
Side Projects
sachag
456
43k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
370
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
58k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
470
Are puppies a ranking factor?
jonoalderson
2
3.9k
Building Adaptive Systems
keathley
44
3.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Ethics towards AI in product and experience design
skipperchong
2
380
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Abbi's Birthday
coloredviolet
4
10k
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͞ΒʹڵຯΛ࣋ͬͨਓ͕࣍ͷஈ֊ʢٕज़త ͳରԠํ๏ʣʹߦ͚ΔΑ͏ʹαϙʔτͨ͠ ͍ ·ͱΊ