Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

デザインシステムのa11y対応に役立つ新しいWeb Standard
Alan Dávalos ( https://twitter.com/AlanGDavalos )

アクセシビリティー(以下a11y)の対応は大変重要ですが、正しく対応するのは簡単ではないケースが多いです。デザインシステムなどの様々なプロジェクトで使う目的で作成するコンポーネントではa11yをより意識する必要があります。このセッションでは、そのa11yの対応を格段にやりやすくする新しいWeb Standardを紹介します。

2022年3月25日開催「UIT Meetup vol.15 『Relearn Modern Web Standard』」
https://uit.connpass.com/event/242359/

LINE Developers

March 25, 2022
Tweet

More Decks by LINE Developers

Other Decks in Technology

Transcript

  1. ো֐Λ͍࣋ͬͯͳ͍ਓ ΋BZͷԸܙΛ ड͚·͢ BZ69 ੈքͰԿ͔ͷো֐Λ ࣋ͭਓ ԯਓҎ্ ࠃʹΑͬͯ͸BZͷ ରԠΛਖ਼͘͠ߦͳͬͯ ͍ͳ͍ͱૌ͑ΒΕ·͢

    ๏཯໰୊ BZͷॏཁੑ ˞ग़యɿIUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEEFWFMPQNFOUJO
  2. EJBMPH͕ͳ͍৔߹ͷେม͞ • SPMFBSJB पΓ • SPMFlEJBMPHz • %JBMPHʹBSJBNPEBMlUSVFz΋͘͠͸ͦΕҎ֎શ෦΁ͷBSJBIJEEFOlUSVFz • ΩʔϘʔυૢ࡞

    • 5BC͕EJBMPH಺෦͚ͩΛ८ճ͢ΔΑ͏ʹ͢Δ • &TDͰEJBMPHΛด͡Δ • .PEBMϞʔυ • #BDLESPQ΍εΫϩʔϧϒϩοΫͷ༗ແ • ෳ਺ͷEJBMPHͷରԠ • ͳͲ
  3. • IUUQTFOHJOFFSJOHMJOFDPSQDPNKBCMPHVJUCBTFMJOFGPSGSPOUFOEE FWFMPQNFOUJO • IUUQTDTTUSJDLTDPNOVLJOHNPUJPOXJUIQSFGFSTSFEVDFENPUJPO • IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44GPDVTWJTJCMF • IUUQTXFCLJUPSHCMPHJOUSPEVDJOHUIFEJBMPHFMFNFOU •

    IUUQTDTTUSJDLTDPNFYQMPSJOHDPMPSDPOUSBTUGPSUIFGJSTUUJNF • IUUQTIBDLTNP[JMMBPSHJOUFSPQ • IUUQTXFCEFWJOKBOFXSFTQPOTJWF ΋ͬͱ஌Γ͍ͨਓ͸ͪ͜ΒΛࢀর͍ͩ͘͞