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
440
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
97
Compression Streams API によるブラウザネイティブなデータ圧縮 /phpstudy-182
sizuhiko
0
99
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
240
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
220
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
400
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
400
Other Decks in Technology
See All in Technology
HacobuにおけるFDEとは/登壇資料(戸井田 裕貴)
hacobu
PRO
1
780
AI時代だからこそ推したい!Gitコマンド再入門
munakata
0
150
[2026 Oracle Technical Deep Dive] AI時代のデータベース基盤をどう選ぶ? Exadata Database Serviceの選択肢と使い分け (2026年9月17日開催)
oracle4engineer
PRO
0
220
データ品質を壊しながらSnowflakeのAIに分析させてみた
kawanago
0
520
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
pei0804
3
330
オンラインゲームのシステム全体像 - コロプラ 2026年度 新卒研修
colopl
0
720
雪かき部 #7 もう怖くない!SELECT文!
foursue
0
280
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
kakakakakku
0
180
生成AIで高い生産性を求められて、 悩み、乗り越えた話
mot_techtalk
2
130
使いこなすために知っておきたい Azure SRE Agent アンチパターン
torumakabe
2
360
組み立てて楽しむ AWS Blocks 入門
kmiya84377
0
220
調査タスクをAIと乗り切る 〜過去の調査をナレッジ化し 調査手順をスキルにする〜
mot_techtalk
1
120
Featured
See All Featured
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
710
Joys of Absence: A Defence of Solitary Play
codingconduct
1
530
Color Theory Basics | Prateek | Gurzu
gurzu
1
480
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
920
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Optimising Largest Contentful Paint
csswizardry
37
4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
The Spectacular Lies of Maps
axbom
PRO
1
1.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
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͞ΒʹڵຯΛ࣋ͬͨਓ͕࣍ͷஈ֊ʢٕज़త ͳରԠํ๏ʣʹߦ͚ΔΑ͏ʹαϙʔτͨ͠ ͍ ·ͱΊ