どんなエンジニアになろうか決めかねていた自分が、ある日突然「私はウェブをやるために生まれてきた」と思うに至った、アクセシビリティの話です。
「アクセシビリティって何?」という人から、「大事なのはわかっているけどいつも後回しにしてしまう」という人まで、明日からアクセシブルな実装をせずにはいられない、ウェブの本質に迫ります。
֮੧͢ΔΞΫηγϏϦςΟాϦʔφ @mirka
View Slide
Σϒ ͬͯԿͩͱࢥͬͯ·͔͢ʁ
@mirkaAccessibilityWeb
@mirkaѭͻݟͯͷͷͪͷ৺ʹ͘ΒͿΕੲͷΛࢥ͟Γ͚ΓΞΫηγ
Who am I?
@mirkaLena Morita! ݩσβΠφʔ! Women Who Code Tokyo σΟϨΫλʔ! ถAutomatticࣾͰ JavaScript Engineer
We’re hiring!NEW!
ΞΫηγϏϦςΟͱͷग़ձ͍
@mirka2016
@mirkaͦ͏͍͑ΞΫηγϏϦςΟͬͯͳΜ͔͋ͬͨͳ
@mirkaϢʔβϏϦςΟͳΒͤͯʂ
@mirkaΞΫηγϏϦςΟௐͨ
ݱ࣮
@mirkaΞΫηγϏϦςΟ͕㚽Ζʹ͞ΕΔཧ༝
@mirkaӦۀதअຐͳ͜ͱʹؾ͍ͮͯͳ͍
@mirkaӦۀத·͔͞ंҜࢠͷਓ͕௨Δͱࢥͬͯͳ͍
@mirkaυʔύϛϯ͕ग़ͯͳ͍ʂ✨Ӧۀத
υʔύϛϯͷਖ਼ମ
υʔύϛϯͷਖ਼ମ 1ର͕ҙ֎ʹ͍
@mirkaোऀରԠ
@mirka݈ৗऀ োऀ
@mirkaΞϏϦςΟଟछଟ༷ঢ়گʹΑͬͯมԽ͢Δೳ ྗ
@mirka“োਓͰͳ͘ڥʹ͋Δ”
@mirkaInclusive 101 by Microsoft Design (CC BY-NC-ND)
@mirka“͏ͪͷϓϩμΫτোऀ͕λʔήοτ͡Όͳ͍͔Β”
υʔύϛϯͷਖ਼ମ 2͜ΜͳʹͰ͖ΔͷΣϒ͚ͩͰʁ
@mirka
@mirkaExtensionsUserscripts
@mirka?
Open &Standardized
@mirkaWeb
@mirkaͬͺHTML!!
@mirkaػցMachines
υʔύϛϯͷਖ਼ମ 3ٛͷΞΫηγϏϦςΟ
@mirkaݪٛͷΞΫηγϏϦςΟোɺোऀʹযΛͯͨͷ
@mirkaϕκεͷAPI ϚχϑΣετ
@mirkaϕκεͷ͓ୡͯ͢͠ͷνʔϜσʔλͱػೳΛαʔϏεɾΠϯλʔϑΣʔεΛ௨ͯ͠ެ։ͤΑ
@mirkaϕκεͷ͓ୡ͠ଞνʔϜͷσʔλΛʹಡΈग़ͨ͠ΓཪޱΛઃ͚Δͷېࢭ
@mirkaϕκεͷ͓ୡͯ͢͠ͷαʔϏεɾ ΠϯλʔϑΣʔε ࠷ऴతʹ֎෦ͷ։ൃऀʹ ެ։͢Δ͜ͱΛલఏʹઃܭͤΑ
@mirkaϕκεͷ͓ୡ͜͠ͷ໋ྩʹैΘͳ͍ͭΫϏʂ
@mirka— Steve Yegge“It’s called Accessibility,and it’s themost important thingin the computing world.”
@mirkaΠϯλʔϑΣʔε
@mirka✖
@mirkaUIman–machine interface
@mirkaAPImachine–machine interface
ใͷநԽ
Σϒ͕ແ͠
@mirka×Modal titleLorem ipsum dolor sit ametSave
@mirkaϞʔμϧμΠΞϩάͷඪ४ڍಈ! ։͍ͨΒfocus͕ϞʔμϧʹҠಈ͢Δ! ดͨ͡Βfocus͕ݩͷཁૉʹΔ! ϞʔμϧͰTabΩʔΛଧͪଓ͚ͯ focus͕Ϟʔμϧ֎ʹಀ͛ͳ͍! EscΩʔͰด͡Δ
Σϒͷຊྖൃش
@mirkaਖ਼͘͠ઃܭˍ࣮͞Εͨใࣗ༝Ͱ͋Δ
ࣗ༝Λ࠷େԽ͍ͨ͠
@mirkaࢠͲͷ༧छೕ༮ࣇ݈߁ࠪͷ͝Ҋҭࣇֶڃɾ࠙ஊձͷ͝ҊࢠͲͷ݈߁ڭࣨ࢈්ɾ৽ੜࣇͷ๚ࢦಋ
@mirkaΣϒͷຊ࣭ͱΞΫηγϏϦςΟ
@mirkaΣϒ͞Μᴷᴷ͋ͬ
ʪΞΫηγϏϦςΟʫͰݕࡧৄ͘͠ΣϒͰ—