ユニバーサルなマークアップをしよう

「Webアクセシビリティ道場 in 福岡」ライトニングトークスライド

Transcript

1. Ϣχόʔαϧͳ
   ϚʔΫΞοϓΛ͠Α͏
   8FCΞΫηγϏϦςΟಓ৔JO෱Ԭ
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ
   

   View Slide

2. ©2019 Yusuke Hirao
   Ϣχόʔαϧͳ
   ϚʔΫΞοϓΛ͠Α͏
   8FCΞΫηγϏϦςΟಓ৔JO෱Ԭ
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ
   

   View Slide

3. ©2019 Yusuke Hirao
   ࣗݾ঺հ
   ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ϑϩϯτΤϯυΤϯδχΞ
   #-0(IUUQTOPUFNVZVTVLFIJSBP
   Yusuke Hirao
   @cloud10designs
   

   View Slide

4. ©2019 Yusuke Hirao
   ීஈͷۀ຿
   

   View Slide

5. ©2019 Yusuke Hirao
   झຯ
   

   View Slide

6. ©2019 Yusuke Hirao
   झຯ
   
   ΤσΟλ΍HVMQͰ࢖͑Δ)5.-΍47(༻ͷϦϯλʔ
   

   View Slide

7. ©2019 Yusuke Hirao
   ͱ͍͏͘Β͍ʹ)5.-͕޷͖
   

   View Slide

8. ©2019 Yusuke Hirao
   I❤HTML
   

   View Slide

9. ©2019 Yusuke Hirao
   Ϣχόʔαϧͳ
   ϚʔΫΞοϓΛ͠Α͏
   

   View Slide

10. ©2019 Yusuke Hirao
    Ϣχόʔαϧʁ
    

    View Slide

11. ©2019 Yusuke Hirao
    Ϣχόʔαϧීวత
    

    View Slide

12. ©2019 Yusuke Hirao
    ϒϩάΛॻ͖·ͯ͠ʜ
    

    View Slide

13. ©2019 Yusuke Hirao
    ϒϩάΛॻ͖·ͯ͠ʜ
    ػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟ
    https:!//note.mu/yusukehirao/n/n5213d9bdd1e1
    

    View Slide

14. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ஈམͳΒ
    Օ৚ॻ͖ͳΒ
    

    View Slide

15. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ιʔείʔυͳΒ
    ιʔείʔυ͔ͩΒ
    

    View Slide

16. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ͱͬͯ΋ීวతͳ͜ͱ
    

    View Slide

17. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ຋༁͞Εͨ͘ͳ͍ͳΒ
    translateଐੑͰ͍͍ͷͰ͸ʁ
    
    

    View Slide

18. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    
    
    !
    

    View Slide

19. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ͯ͜͞Ε͸
    ҙຯ࿦తʹຊ࣭͔ʁʁ
    ීวతͳϚʔΫΞοϓ͔ʁ
    

    View Slide

20. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ιʔείʔυͳΒ
    ιʔείʔυ͔ͩΒ
    

    View Slide

21. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ιʔείʔυͳΒ
    ιʔείʔυ͔ͩΒ
    

    View Slide

22. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ͋ͱtranslateଐੑͰ
    ຋༁ͷࣗ༝Λୣ͍͍ͬͯ΋ͷ͔ʜ
    
    

    View Slide

23. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    

    View Slide

24. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    

    View Slide

25. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ԡ͠෇͚ΔͷͰ͸ͳ͘
    ྟػԠม
    
    

    View Slide

26. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    )5.-
    ϢʔβΤʔδΣϯτ
    
    ࢧԉٕज़
    

    View Slide

27. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    )5.-
    ϢʔβΤʔδΣϯτ
    
    ࢧԉٕज़
    ීว
    ྟػԠม
    ΧελϜՄೳ
    

    View Slide

28. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    

    View Slide

29. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    Ϣʔβʔ͸͍Ζ͍Ζ
    σόΠε͸͍Ζ͍Ζ
    ؀ڥ͸͍Ζ͍Ζ
    χʔζ͸͍Ζ͍Ζ
    

    View Slide

30. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ීวతͳ΋ͷΛఏڙ͢Δ͜ͱͰ
    ྟػԠมͳར༻͕ՄೳʹͳΔ
    

    View Slide

31. ©2019 Yusuke Hirao
    ϒϩάهࣄʮػց຋༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
    ීวతͳ΋ͷΛఏڙ͢Δ͜ͱͰ
    ΑΓΞΫηγϒϧʹͳΔ
    

    View Slide

32. ©2019 Yusuke Hirao
    Ϣχόʔαϧීวత
    

    View Slide

33. ©2019 Yusuke Hirao
    Ϣχόʔαϧͳ
    ϚʔΫΞοϓΛ͠Α͏
    

    View Slide

34. Ϣχόʔαϧͳ
    ϚʔΫΞοϓΛ͠Α͏
    8FCΞΫηγϏϦςΟಓ৔JO෱Ԭ
    גࣜձࣾσΟʔθϩ
    8FCΞΫηγϏϦςΟΤϯδχΞ
    ฏඌΏ͏ͯΜ
    

    View Slide