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

HTML・CSS勉強会1

rhythm191
November 21, 2019

 HTML・CSS勉強会1

Gino inc. でやったHTML・CSS勉強会です。

アクセシビリティ(a11y)について話しました。

元のキーノートはここ
https://github.com/rhythm191/html-conference-in-gino

rhythm191

November 21, 2019
Tweet

More Decks by rhythm191

Other Decks in Technology

Transcript

  1. શ෦ΞΫηγϏϦςΟͷ࿩ w ਓ͕ؒ։ൃ͠΍ͮ͢Β͍ w ػցతʹ൑ผͰ͖ͳ͍ ݕࡧΤϯδϯɺεΫϦʔϯϦʔ μʔ w 5BCΩʔͰϘλϯؒΛҠಈͰ͖ͳ͍ w

    ΤϯλʔΩʔͰϘλϯΛΞΫςΟϒʹͰ͖ͳ͍ w αΠζ͕૿͑ΔͷͰ஗͍ωοτϫʔΫରࡦ͕Ͱ͖ͳ͍ ώϡʔϚϯϦʔμϏϦςΟ ΩʔϘʔυΞΫηγϏϦςΟ ϞόΠϧΞΫηγϏϦςΟ ϚγϯϦʔμϏϦςΟ
  2. ೔ຊͷ৭֮ಛੑ૚ ஍Ҭ உੑ ঁੑ ೔ຊ   Ԥถ ʙ 

    ΞϑϦΧ ʙ ΞΫηεͨ͠ਓͷ͕ԠืϘλϯΛೝࣝͰ͖ͳ͍ʁ
  3. Ͱ͖ΔݶΓ;͞Θ͍͠)5.- w Ͱ͖ΔݶΓηϚϯςΟοΫʹ͔͘ w IFBEFS GPPUFS NBJO BSUJDMF OBW w

    FN TUSPOH DJUF BEESFTTʜ w ͪΌΜͱΠϯλϥΫτͰ͖ΔΑ͏ʹ͢Δ w CVUUPOͱ͔MJOLʹIPWFS GPDVT BDUJWFͱ͔ʜ w 8"*"3*"Ͱิ଍͢Δ
  4. 8"*"3&"ͱ͔ w )5.-͚ͩͰ͸ҙຯ෇͚Ͱ͖ͳ͍෦෼Λิ͏΋ͷ w ͱΓ͋͑ͣࠓճ͸͚̏ͭͩ঺հ w SPMF w BSJBMBCFM w

    BSJBIJEEFO BSJBDPOUSPMT BSJBIBTQPQVQ BSJBMJWF BSJBEFTDSJCFECZ BSJBBUPNJD BSJBCVTZ
  5. SPMF w λάʹରͯ͠௥Ճͷҙຯ΍໾ׂΛઃఆ͢Δ w ϥϯυϚʔΫTFBSDI NBJO OBWJHBUJPO CBOOFS w จॻߏ଄BSUJDMF

    IFBEJOH MJTU UPPMCBS UPPMUJQ w ΢ΟδΣοτCVUUPO MJOL UBC TXJUDI w ෳ߹6*΢ΟδΣοτUBCMJTU MJTUCPY DPNCPCPY
  6. ϚγϯϦʔμϒϧͳ ৘ใΛՃ͑Δ w ΞΫηγϏϦςΟπϦʔͷOBNFΛܾΊΔ <nav aria-label="breadcrumbs"> <ol> <li><a href="#">Home</a></li> <li><a

    href="#">Parent</a></li> <li><a href="#" aria-current="page">Child</a></li> </ol> </nav> <nav aria-label="main menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">More Information</a></li> </ul> </nav>