デザインシステムのa11y対応に 役立つ新しいWeb Standard Alan Dávalos 2022.03

"CPVUNF ϑϩϯτΤϯυΤϯδχΞ 🇲🇽 -*/&%FTJHO4ZTUFN5FDI-FBE 8$8FC$PNQPOFOUT$PNNVOJUZ(SPVQ !"MBO(%BWBMPT "MBO%ÂWBMPT ϑϩϯτΤϯυ։ൃηϯλʔ

BZͷॏཁੑ σβΠϯγεςϜͰͷBZ BZͷରԠʹ໾ཱͭ৽͍͠8FC4UBOEBSE 01 02 03 Contents

BZͷॏཁੑ

IUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEEFWFMPQNFOUJO BZͷॏཁੑ

ো֐Λ͍࣋ͬͯͳ͍ਓ ΋BZͷԸܙΛ ड͚·͢ BZ69 ੈքͰԿ͔ͷো֐Λ ࣋ͭਓ ԯਓҎ্ ࠃʹΑͬͯ͸BZͷ ରԠΛਖ਼͘͠ߦͳͬͯ ͍ͳ͍ͱૌ͑ΒΕ·͢ ๏཯໰୊ BZͷॏཁੑ ˞ग़యɿIUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEEFWFMPQNFOUJO

σβΠϯγεςϜ ͰͷBZ

σβΠϯγεςϜͰͷBZ • ༷ʑͳঢ়گͰ࢖ΘΕΔ͜ͱΛ૝ఆ • ৭΍αΠζ΍λΠϛϯάͳͲ • ϖʔδͷBZ͸Ұ൪ऑ͍ͱ͜ΖͰܾΊΒΕΔ • ͪΌΜͱͨ͠σβΠϯγεςϜ͸͍͍౔୆ʹͳΓ·͕͢ɺอূ͸͠·ͤΜ

BZͷରԠʹ໾ཱͭ৽͍͠ 8FC4UBOEBSE

QSFGFSTSFEVDFE NPUJPO • ܹ͍͠ಈ͖ʹහײͳਓͷͨΊͷ NFEJBϑΟʔνϟʔ • "OJNBUJPOΛશ෦੾ΓऔΔΑ͏ʹ Α͘࢖ΘΕ·͕͢ɺͲͪΒ͔ͱ͍ ͍͑͹ܹ͠͞ΛݮΒ͢ͷ͕໨త

GPDVTWJTJCMF • GPDVTʹϚον͢ΔҎ֎ʹ΋ϒ ϥ΢βʔ͕ϑΥʔΧεΛݟͤΔ΂ ͖ͩͱ൑அ͢Δ࣌ʹϚον͢Δٖ ࣅΫϥε

EJBMPH • %JBMPH΍NPEBMͳͲΛදࣔ͢Δ ͨΊͷ)5.-ཁૉ • දࣔͷαϙʔτ͸͋Γ·͕͢ɺ· ͩߥ࡟Γͳ෦෼͕͋Γ·͢ • *OUFSPQͷର৅ͷҰͭ

EJBMPH͕ͳ͍৔߹ͷେม͞ • SPMFBSJBपΓ • SPMFlEJBMPHz • %JBMPHʹBSJBNPEBMlUSVFz΋͘͠͸ͦΕҎ֎શ෦΁ͷBSJBIJEEFOlUSVFz • ΩʔϘʔυૢ࡞ • 5BC͕EJBMPH಺෦͚ͩΛ८ճ͢ΔΑ͏ʹ͢Δ • &TDͰEJBMPHΛด͡Δ • .PEBMϞʔυ • #BDLESPQ΍εΫϩʔϧϒϩοΫͷ༗ແ • ෳ਺ͷEJBMPHͷରԠ • ͳͲ

DPMPSDPOUSBTU • ৭ͷϦετͷத͔ΒϕʔεͱͳΔ ৭ͱҰ൪ίϯτϥετ͢Δ΋ͷΛ બͿͨΊͷؔ਺ • 8$"( • *OUFSPQͷର৅ͷҰͭ

!DPOUBJOFS • .FEJBRVFSZͷDPOUBJOFS൛ • ΑΓ3FTQPOTJWFͳσβΠϯΛ࡞ Δ͜ͱʹ༗ޮ • ·ͩ&EJUPS %SBGUͳͷͰɺ4QFD ͕มΘΔՄೳੑ͸ߴ͍ 51

• IUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEE FWFMPQNFOUJO • IUUQTDTTUSJDLTDPNOVLJOHNPUJPOXJUIQSFGFSTSFEVDFENPUJPO • IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44GPDVTWJTJCMF • IUUQTXFCLJUPSHCMPHJOUSPEVDJOHUIFEJBMPHFMFNFOU • IUUQTDTTUSJDLTDPNFYQMPSJOHDPMPSDPOUSBTUGPSUIFGJSTUUJNF • IUUQTIBDLTNP[JMMBPSHJOUFSPQ • IUUQTXFCEFWJOKBOFXSFTQPOTJWF ΋ͬͱ஌Γ͍ͨਓ͸ͪ͜ΒΛࢀর͍ͩ͘͞

THANK YOU