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
スクリーンリーダーはプレースホルダーにアクセスできるのか
Search
himi
December 19, 2023
2
470
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
December 19, 2023
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
0
2.2k
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
0
140
0→1フェーズでのアクセシビリティへの取り組み
himi
0
420
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1365
200k
Happy Clients
brianwarren
97
6.7k
A Tale of Four Properties
chriscoyier
156
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Music & Morning Musume
bryan
46
6.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
The Invisible Side of Design
smashingmag
297
50k
How to Ace a Technical Interview
jacobian
275
23k
A better future with KSS
kneath
238
17k
Transcript
εΫϦʔϯϦʔμʔϓϨʔε ϗϧμʔʹΞΫηεͰ͖Δͷ͔ 8FE ණݟ߂ 4NBSU)3ϓϩμΫτΤϯδχΞ
ࣗݾհ ɾ໊લɿhimiʢ@himi_himi_ʣ ɾSmartHRϓϩμΫτΤϯδχΞάϧʔϓ ɾϑϩϯτΤϯυΤϯδχΞ ɹɾReact, TypeScript, Next.js ɾւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ
ࠓ͢͜ͱ
w ϓϨʔεϗϧμʔͷࢹ֮తͳͷ👀 w εΫϦʔϯϦʔμʔͰϓϨʔεϗϧμʔΛ ಡΈ্͛ͯΈͨ💡
ϓϨʔεϗϧμʔͷࢹ֮తͳ
ίϯτϥετൺ͕͘ɺऑࢹͷਓ͕ಡΊͳ͍έʔε͕͋Δ ϓϨʔεϗϧμʔී௨࣮ࡍͷೖྗͰͳ͍͜ͱΛࣔͨ͢Ίʹബ͍৭ ͕ΘΕΔͨΊ
ίϯτϥετൺ͕ߴ͘ɺೖྗςΩετͱͷ۠ผ͕͖ͮΒ͍ έʔε͕͋Δ ࠓٯʹೖྗ͞Εͨͱޡղ͞ΕΔ
εΫϦʔϯϦʔμʔͰϓϨʔ εϗϧμʔΛಡΈ্͛Δ
εΫϦʔϯϦʔμʔͷछྨ ୈ3ճࢧԉٕज़ར༻ঢ়گௐࠪใࠂॻ | ຊࢹ֮োऀICTωοτϫʔΫ
ࠓճରͱ͢ΔεΫϦʔϯϦʔμʔ 8JOEPXTɿ1$5BMLFS w ࠃγΣΞ̍Ґ 8JOEPXTɿ/7%" w ࠃγΣΞ̎Ґ •
SmartHRਪͷεΫϦʔϯϦʔμʔ .BD04ɿ7PJDF0WFS
ಡΈ্͛ΔIUNM
1$5BMLFSͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔಡΈ্͛ΒΕͣɺ༰ʹΞΫηεͰ͖ͳ͔ͬͨ ͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
/7%"ͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔಡΈ্͛ΒΕ͕ͨɺ࠷ޙͷʮϒϥϯΫʯ·Ͱฉ͍ ͯॳΊͯͦΕ͕ϓϨʔεϗϧμʔͩͱΘ͔ͬͨ ͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
7PJDF0WFSͰͷಡΈ্͛݁Ռ ϓϨʔεϗϧμʔಡΈ্͛ΒΕ͕ͨɺ·ΔͰೖྗͷΑ͏ʹಡΈ্ ͛ΒΕɺϓϨʔεϗϧμʔͰ͋Δ͜ͱΘ͔Βͳ͔ͬͨ ͕ೖྗ͞Ε͍ͯΔInput ϓϨʔεϗϧμʔ͕ઃఆ͞Ε͍ͯΔInput
·ͱΊ
w ϓϨʔεϗϧμʔ؟ऀϢʔβʔʹରͯ͠ ࢹ֮తͳΛ๊͍͑ͯΔ😭 w εΫϦʔϯϦʔμʔʹΑͬͯϓϨʔε ϗϧμʔʹΞΫηεͰ͖ͳ͔ͬͨΓɺͰ͖ͨ ͱͯ͠ೖྗͱ۠ผͮ͠Β͍Λ๊͑ͯ ͍Δ😭
͓ΘΓ