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.7k
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
August 23, 2024
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
580
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
0
190
0→1フェーズでのアクセシビリティへの取り組み
himi
0
450
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
513
110k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
840
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Building Applications with DynamoDB
mza
96
6.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Documentation Writing (for coders)
carmenintech
75
5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Speed Design
sergeychernyshev
32
1.1k
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͞Μʹײँ🫶
͓ΘΓ