Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

BZͷॏཁੑ

Slide 5

Slide 5 text

IUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEEFWFMPQNFOUJO BZͷॏཁੑ

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

σβΠϯγεςϜ ͰͷBZ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

THANK YOU