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.6k
スクリーンリーダーを使ったアクセシビリティ検証のすすめ
himi
August 23, 2024
Tweet
Share
More Decks by himi
See All by himi
スクリーンリーダーはプレースホルダーにアクセスできるのか
himi
2
560
書籍『Webアプリケーションアクセシビリティ』を活用したアクセシビリティ改善
himi
0
180
0→1フェーズでのアクセシビリティへの取り組み
himi
0
450
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Invisible Side of Design
smashingmag
301
51k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Agile that works and the tools we love
rasmusluckow
329
21k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
How to Ace a Technical Interview
jacobian
278
23k
Raft: Consensus for Rubyists
vanstee
140
7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Embracing the Ebb and Flow
colly
86
4.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͞Μʹײँ🫶
͓ΘΓ