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
August 23, 2024
0
2.2k
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
August 23, 2024
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
470
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
0
150
0→1フェーズでのアクセシビリティへの取り組み
himi
0
420
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
A Tale of Four Properties
chriscoyier
156
23k
Optimizing for Happiness
mojombo
376
70k
Why Our Code Smells
bkeepers
PRO
334
57k
Code Reviewing Like a Champion
maltzj
520
39k
Building Applications with DynamoDB
mza
90
6.1k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Ruby is Unlike a Banana
tanoku
97
11k
Designing the Hi-DPI Web
ddemaree
280
34k
Faster Mobile Websites
deanohume
305
30k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Transcript
εΫϦʔϯϦʔμʔΛͬͨ ΞΫηγϏϦςΟݕূͷ͢͢Ί 4BUϑϩϯτΤϯυΧϯϑΝϨϯεւಓ ණݟ߂ 4NBSU)3ϓϩμΫτΤϯδχΞ
w ໊લɿණݟ߂ ɿIJNJ !IJNJ@IJNJ@ w 4NBSU)3λϨϯτϚωδϝϯτγεςϜ ։ൃຊ෦ w ϑϩϯτΤϯυΤϯδχΞ
w 5ZQF4DSJQU 3FBDU /FYUKT w ւಓࡳຈࢢ͔ΒϑϧϦϞʔτۈ
ʙߴߍ େֶ ࡳຈӺલͷ4*FS ࡳຈͷςϨϏہͷγεςϜձࣾ ࡳຈ͔ΒϑϧϦϞʔτͰ౦ژͷձࣾɹ👈ݱࡏ
ࠓ͢͜ͱ
ීஈ͔Β։ൃΛεΫϦʔϯϦʔμʔͰ৮ͬͯΈ ·͠ΐ͏ʂ
εΫϦʔϯϦʔμʔ͕༗ޮͳέʔεᶃɿɹ ΞΫηγϏϦςΟݕূ εΫϦʔϯϦʔμʔ͕༗ޮͳέʔεᶄɿ 69ݕূ εΫϦʔϯϦʔμʔͷ͍ํ
εΫϦʔϯϦʔμʔ͕༗ޮͳ έʔεᶃɿΞΫηγϏϦςΟݕূ
ૢ࡞ͷॱং͕ݟͨͷॱংͱ ͍͋ͬͯΔ͜ͱͷݕূ ؔ࿈͢ΔWCAGୡج४ɿ2.4.3: ϑΥʔΧεॱংΛཧղ͢Δ
🙅%0.ͷॱংͱݟͨͷॱং͕߹͍ͬͯͳ͍ঢ়ଶ
ཁૉ͕ଟ͍ϖʔδͩͱɺίʔυϨϏϡʔϒϥ βͷݕূπʔϧͰͷݕূ͍͠
εΫϦʔϯϦʔμʔͰ࣮ࡍʹಡΈ্͛ͯΈΔͱɺ /(ՕॴΛૉૣ͘ਖ਼֬ʹݟ͚ͭΔ͜ͱ͕Ͱ͖Δ
ۭനจࣈΛ༻͍ͯϨΠΞτΛ ͍ͯ͠ͳ͍͜ͱͷݕূ ؔ࿈͢ΔWCAGୡج४ɿ1.3.1: ใٴͼؔੑΛཧղ͢Δ
🙅ۭനจࣈվߦͰݟͨΛௐ͍ͯ͠Δঢ়ଶ
ͪ͜Βಉ༷ʹɺεΫϦʔϯϦʔμʔͰಡΈ্͛Δ ͱૣͯ͘ਖ਼֬ͳݕূ͕Մೳ
εΫϦʔϯϦʔμʔ͕༗ޮͳ έʔεᶄɿ69ݕূ
ը໘ભҠ࣌ͷUJUMF
UJUMFIཁૉʹϑΣον݁ՌΛઃఆ͍ͨ͠γʔϯ VTFSTVTFS@JE w UJUMFIɿʮ̋̋͞Μͷैۀһใʯ w ̋̋͞Μͷ໊લ63-ͷVTFS@JEΛར༻ͯ͠ ϑΣονͨ͠ϨεϙϯεΛઃఆ
😭ϑΣον͕ྃ͢Δ·ͰෆશͳUJUMF͕ઃఆ͞ΕΔ VTFSTVTFS@JE 🙅/(ͳϩʔσΟϯάதͷUJUMFͷྫ w ʮ͞Μͷैۀһใʯ w Կઃఆ͞Εͳ͍ εΫϦʔϯϦʔμʔΛ͏ͱɺը໘ભҠޙʹ UJUMFΛಡΈ্͛ͯϢʔβʔʹϖʔδͷใΛ௨ ͢ΔͷͰɺෆશͳ༰͕ઃఆ͞Ε͍ͯΔͱਏ͍
͜ͱʹؾ͕͘ UJUMFͷ༰ͷݟ͠ɺભҠݩϖʔδͰͷσʔλϓ ϦϑΣονͳͲ͕༗ޮ💪
ϩʔσΟϯάͷ։࢝ɾྃ௨
ࢹ֮ใ͕ແ͍ͱϩʔσΟϯάͷ։࢝ɺऴ͕ྃΘ ͔Βͳ͍ ϩʔσΟϯάΞΠίϯʹʮಡΈࠐΈதʯͳͲͷ ସςΩετΛઃఆ͢Δ͚ͩͰෆे εΫϦʔϯϦʔμʔΛ͏ͱɺʮಡΈࠐΈதʯͰ ͋Δ͜ͱΘΔ͕ɺʮྃʯͨ͜͠ͱ͕ΘΒ ͣϢʔβʔ͕ͪଓ͚ͯ͠·͏͜ͱʹؾ͕͘ BSJBMJWFଐੑͳͲΛར༻͠ɺʮྃʯͨ͜͠ͱ· Ͱ௨͢Δͱ(PPE👌
εΫϦʔϯϦʔμʔͷ͍ํ
εΫϦʔϯϦʔμʔɺͳΜ͔ͦ͠͏Ͱɺ͏ ϋʔυϧߴ͍ʜ
NBD04ͷ7PJDF0WFSΛ༻͍ͨνΣοΫͷ࣮ࢪํ ๏GSFFFΞΫηγϏϦςΟʔɾΨΠυϥΠϯ ʮ࠷ݶ͓͖͍ͬͯͨ͜ͱʯͳͲใΛߜͬͯઆ໌͞Ε͓ͯ Γɺ࣌ؒͰૢ࡞Λʹ͚ͭΔ͜ͱ͕Ͱ͖ΔͷͰΦεεϝ 👉ʮGSFFF7PJDF0WFSʯͰݕࡧʂଓ͖8FCͰʂ
·ͱΊ
w εΫϦʔϯϦʔμʔΛ͏͜ͱͰޮతʹ ΞΫηγϏϦςΟͷݕূ͕Ͱ͖Δ w ࣮ࡍʹεΫϦʔϯϦʔμʔΛ͏͜ͱͰࢹ ֮ใͷແ͍Ϣʔβʔͷ69վળʹܨ͕Δ w GSFFF͞Μʹײँ🫶
͓ΘΓ