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

ユニバーサルHTMLとWebのポテンシャル

 ユニバーサルHTMLとWebのポテンシャル

SaCSS Special23: Accessibility
多様化する環境やニーズに対して、WebサイトやWebアプリケーションはどのような開発をしたらいいのか。
ユニバーサル(普遍的)なHTMLを設計することで、様々な環境やデバイス・ユーザーの利用に耐えうるサイトやアプリケーションにすることができます。そのためには、Webがどんなポテンシャル(潜在的価値)を持っているのか知ることが鍵となります。
Webはまだまだ可能性が秘められているはずです。
それを皆さんと探っていきましょう。

Yusuke Hirao

August 24, 2019
Tweet

More Decks by Yusuke Hirao

Other Decks in Technology

Transcript

  1. ©2019 Yusuke Hirao ؀ڥ ଟ༷Խͱ͍͏෩࿊ෑΛ޿͛Δ ώτ σόΠε ۭ࣌ ো֕ ոզ

    පؾ ਎ମ೥ྸ ਫ਼ਆ೥ྸ ੑผ -(#52 ਓछ ݴޠ ֎ࠃޠ ه߸ ఺ࣈ ख࿩ จԽ ෩श फڭ ᅂ޷ झຯ ఩ֶ श׳ Ϧςϥγʔ ڭҭ ֶྺ ମ֨ ਎௕ ମॏ ख͕࠹͕͍ͬͯΔ ͩͬ͜ ͓ΜͿ ཱ͍ͬͯΔ ࠲͍ͬͯΔ ৯ࣄத ೖཋத ӡసத ར͖ख ҉͍ ໌Δ͍ ڱ͍ ޿͍ ͏Δ͍͞ ੩͔ ఱؾ ఀి ࡂ֐ ࣄނ ԻΛग़ͯ͠͸͍͚ͳ͍ ໌Δͯ͘͠͸͍͚ͳ͍ ؾԹ ࣪౓ ϝΨω ٛख ٛ଍ ॵ͕Γ ମௐ γϥϑ టਲ ύιίϯ εΫϦʔϯ Ψϥέʔ λϒϨοτ εϚʔτ΢Υον ੑೳ εϚʔτεϐʔΧʔ λονεΫϦʔϯ Ϛ΢ε ༗ઢ ి஑ ιϑτ΢ΣΞΩʔϘʔυ ϋʔυ΢ΣΞΩʔϘʔυ Ի੠ೖྗ ΞΠτϥοΧʔ εΫϦʔϯϦʔμʔ ఺ࣈσΟεϓϨΠ ࠓ͸ݟΕͳ͍ ͋ͱͰݟ͍ͨ Ң౓ ܦ౓ ߴ౓ ࠃ ԰಺ ԰֎ ނো ΦϑϥΠϯ ूதྗ ຬෲ౓ Ջ ڵฃ ϦϥοΫε εϚϗ ർ࿑౓ 8Jp
  2. ©2019 Yusuke Hirao 8FCʹࡌΔ͚ͩͰѹ౗తʹΞΫηγϒϧ ࢴഔମ Ϣʔβʔ" Ϣʔβʔ# Ϣʔβʔ$ Ϣʔβʔ% ❌

    ͦ΋ͦ΋৔ॴ͕ԕ͍ ෺ཧతʹೖखࠔ೉ ❌ ໨͕ෆࣗ༝ͰಡΊͳ͍
  3. ©2019 Yusuke Hirao 8FCʹࡌΔ͚ͩͰѹ౗తʹΞΫηγϒϧ 8FCίϯςϯπ Ϣʔβʔ" Ϣʔβʔ# Ϣʔβʔ$ Ϣʔβʔ% ͔ͤͬ͘ΞΫηγϒϧͩͬͨͷʹ

    ࡞ΓํΛؒҧ͑Δͱ΋͍ͬͨͳ͍͜ͱʹͳΔ ࡞ΓํΛؒҧ͑ͨ ❌ Χϥʔίϯτϥετ͕௿ͯ͘ಡΊͳ͍
  4. ©2019 Yusuke Hirao 8FCͷϙςϯγϟϧ $44ͷՁ஋ จࣈ΍ΦϒδΣΫτͷαΠζΛมߋͰ͖Δ ϑΥϯτΛมߋͰ͖Δ ৭ΛมߋͰ͖Δ Ϣʔβʔ͕೚ҙʹมߋͰ͖Δ 8FCϖʔδͱͯ͠ͷՁ஋

    μ΢ϯϩʔυͯ͠อଘͰ͖Δ ܦ೥ྼԽ͕ͳ͍ ҹ࡮Ͱ͖Δ 63-Ͱѻ͏͜ͱ͕Ͱ͖Δ γΣΞ͠΍͍͢ ·ͩ·ͩଞʹ΋΋ͬͱ͋Δ͸ͣ ςΩετσʔλͷՁ஋ จࣈͱͯ͠දࣔ͢Δ͜ͱ͕Ͱ͖Δ Ի੠ͱͯ͠ಡΈ্͛Δ͜ͱ͕Ͱ͖Δ ఺ࣈσΟεϓϨΠʹग़ྗͰ͖Δ બ୒ͯ͠ίϐʔͰ͖Δ ػց຋༁Ͱ͖Δ σʔλྔ͕খ͍͞ )5.-ͷՁ஋ ϋΠύʔϦϯΫͰ͖Δ ϝλσʔλΛ΋ͯΔ ςΩετʹϝλ৘ใΛ෇ՃͰ͖Δ ϥϯυϚʔΫΛஔ͚Δ ػց͕ߏ଄Λ༰қʹղऍͰ͖Δ
  5. ©2019 Yusuke Hirao ςΩετσʔλͷՁ஋ จࣈͱͯ͠දࣔ͢Δ͜ͱ͕Ͱ͖Δ Ի੠ͱͯ͠ಡΈ্͛Δ͜ͱ͕Ͱ͖Δ ఺ࣈσΟεϓϨΠʹग़ྗͰ͖Δ બ୒ͯ͠ίϐʔͰ͖Δ ػց຋༁Ͱ͖Δ σʔλྔ͕খ͍͞

    )5.-ͷՁ஋ ϋΠύʔϦϯΫͰ͖Δ ϝλσʔλΛ΋ͯΔ ςΩετʹϝλ৘ใΛ෇ՃͰ͖Δ ϥϯυϚʔΫΛஔ͚Δ ػց͕ߏ଄Λ༰қʹղऍͰ͖Δ 8FCͷϙςϯγϟϧ $44ͷՁ஋ จࣈ΍ΦϒδΣΫτͷαΠζΛมߋͰ͖Δ ϑΥϯτΛมߋͰ͖Δ ৭ΛมߋͰ͖Δ Ϣʔβʔ͕೚ҙʹมߋͰ͖Δ 8FCϖʔδͱͯ͠ͷՁ஋ μ΢ϯϩʔυͯ͠อଘͰ͖Δ ܦ೥ྼԽ͕ͳ͍ ҹ࡮Ͱ͖Δ 63-Ͱѻ͏͜ͱ͕Ͱ͖Δ γΣΞ͠΍͍͢ ·ͩ·ͩଞʹ΋΋ͬͱ͋Δ͸ͣ