アクセシビリティで気を付けてる事

2017/0719 at ヌーラボ3F
俺の話を聞け！！LT大会 #4
https://cdg.connpass.com/event/60549/

Transcript

1. ΞΫηγϏϦςΟ ͰؾΛ෇͚ͯΔࣄ Զͷ࿩Λฉ͚ʂʂLTେձ #4 2017.07.19 @Garyuten
2. @Garyuten
3. ٕज़ΑΓ ࢥ૝دΓͳ࿩
4. Ғͦ͏ͳ͜ͱ΋ খ೉͍͜͠ͱ΋ ࿩͠·ͤΜ
6. େલఏͰ ϚʔΫΞοϓ Λߟ͑Δ࣌
8. ͓٬͞Μ͕఻͍͑ͨ৘ใɺ σβΠφʔ͕σβΠϯͨ͠
 ίϯςϯπ͕ɺ HTMLͷஈ֊Ͱ৘ใ͕
 ݮਰ͢ΔͷΛආ͚͍ͨ
9. 100ͷ৘ใΛ 100ͷ··ɺ ਓؒʹ΋ػցʹ΋ ฏ౳ʹಧ͚͍ͨ
10. ػցʹҙຯΛཧղ ͤ͞Ε͹ɺޙ͔Β ͳΜͱͰ΋ͳΔ
11. Ի੠ಡΈ্͛΋ ఺ࣈ΋ จষͷॏΈ෇͚΋
12. ςΩετ ࠷ ڧ
13. ͦΜͳࢥ૝
14. Ϛγϯ
    Ϧʔμϒϧ Ϣʔβʔ
    Ϧʔμϒϧ XFCΞΫηγϏϦςΟ ϚʔΫΞοϓ
    ΤϯδχΞ σβΠφʔ ػցʹཧղͯ͠΄͍͠ Ϣʔβʔʹ఻͍͑ͨ
15. ࢓ࣄ͡Ό ೉͘͠ͳ͍ʁ
16. 4&0 Ϛγϯ
    Ϧʔμϒϧ cc ΞΫηγϏϦςΟ
17. SEO(Ϗδωε)ʹ ڧ͍HTMLʹ͸ ͦΕʹݟ߹͏Ձ஋Λ෷(ry
18. Ұ೥͙Β͍લͷ ࢓ࣄ
20. ੲͷࣗ෼Λ ͿΜԥΓ͍ͨ
21. ࠷ۙͷ࢓ࣄ
23. ͪΐͬͱϚγʹ ·ͩ·ͩ؁͍
24. Ͳ͏ϚʔΫΞοϓ ͢Δʁ
26. <img src="star1.gif" alt="˒"> <img src="star1.gif" alt="˒"> <img src="star1.gif" alt="˒"> <img src="star2.gif" alt="˒"> <img src="star2.gif" alt="ˑ">
27. <img src="star1.gif" alt=“੕1"> <img src="star1.gif" alt="੕2"> <img src="star1.gif" alt="੕3"> <img src="star2.gif" alt="੕4"> <img src="star2.gif" alt="ന੕">
28. <img src="star1.gif" alt="5ͭ੕ͷ͏ͪͷ4ͭ੕"> <img src="star1.gif" alt=""> <img src="star1.gif" alt=""> <img src="star2.gif" alt=""> <img src="star2.gif" alt=""> ࢀߟ
    BMUଐੑͷྑ͍ࣄྫ ͚ͭํɾॻ͖ํ ʛ৘ใόϦΞϑϦʔϙʔλϧαΠτ
    IUUQKJTOFUKJSFJ@TBNQMFKJSFJ@DIBQUFS@IUNMBMU
29. ଞ ؾʹͯ͠Δ͜ͱ ؾʹͳͬͯΔ͜ͱ
30. roleଐੑ
31. cssͷcontent iOS΋Android΋ ಡΈ্͛Δ
32. ಡΈ্͛Δʂ
33. schema.org JSON-LD
34. ϚʔΫΞοϓ͸ ਖ਼ղ͸ͳ͍ Ͱ΋ؒҧ͍͸͋Δ
35. ԿͷͨΊͷMarkupʁ ϨϏϡʔɾٞ࿦େࣄ
36. #a11yfukuoka ͍ۙ಺ʹ։࠵͔΋ʁ
37. ΞΫηγϏϦςΟͳ͓࢓ࣄ΋ ϑΝγϦςʔγϣϯͷ͓࢓ࣄ΋ ͓଴͓ͪͯ͠Γ·͢