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
250
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
110
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
90
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
250
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
140
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
280
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.3k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
300
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
650
E2Eテストに向き合う/PHPerKaigi2020
sizuhiko
1
2.5k
Other Decks in Technology
See All in Technology
生成AI、LLMの いまさら聞けないキホンのキ!/ Generative AI and LLM 101
gakumura
1
170
AIとともに歩んだライブラリアップデートの道のり/ vue-fes-japan-2024-link-and-motivation
lmi
2
2.5k
VPoE Meetup Vol.1 VPoEとして実践してきたことと反省点
coconala_engineer
2
200
人工衛星開発のための C2A フレームワークとその開発体験
sksat
1
120
The road to green code (with Sonar)
bluehats
0
190
20241017_俺たちは雰囲気で scope をやっているけどもうちょっとなんとかならんのか?
tokai235
0
420
0x5F3759DF
ykozw
0
370
データ分析基盤のためにS3を深堀りする~アーキテクチャ設計の考え方のヒントに~
nrinetcom
PRO
1
790
SOLID - Architecture and Architectural Decisions - Devfest Goa 2024
rivuchk
0
180
俺とVSCode Python Debugger Extension
sat
PRO
1
150
Databricksワークショップ - 生成AIとDWH
taka_aki
2
4.4k
生成AI入門
shukob
0
170
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Designing for humans not robots
tammielis
249
25k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
The Language of Interfaces
destraynor
154
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
Speed Design
sergeychernyshev
23
550
We Have a Design System, Now What?
morganepeng
50
7.2k
Building Your Own Lightsaber
phodgson
102
6k
Documentation Writing (for coders)
carmenintech
65
4.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
4.9k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
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͞ΒʹڵຯΛ࣋ͬͨਓ͕࣍ͷஈ֊ʢٕज़త ͳରԠํ๏ʣʹߦ͚ΔΑ͏ʹαϙʔτͨ͠ ͍ ·ͱΊ