興味関心から入るアクセシビリティ感想戦.pdf

Transcript

1. ΞΫηγϏϦςΟ LTࡇΓ ڵຯؔ৺͔ΒೖΔ ΞΫηγϏϦςΟײ૝ઓ ߹ಉձࣾDMM.comɹϓϥοτϑΥʔϜࣄۀຊ෦ɹੴాେو
2. ࣗݾ঺հ • ੴాେو • 4݄ೖࣾ • σβΠφʔ • ࠷ۙ͸σβΠϯγεςϜͷίϯϙʔωϯτઃܭ΍υΩϡϝϯ τ੔උΛؤுͬͯΔ • ΞΫηγϏϦςΟॳ৺ऀ
3. • ొஃͨ͠໨త • ΠϯτϩμΫγϣϯ • औΓ૊ΈҰཡ • ࠷ޙʹ ࿩͢͜ͱ
4. ొஃͨ͠໨త • ΞΫηγϏϦςΟॳֶऀͱֶͯ͠Μͩ಺༰ Λڞ༗͠ɺࣗ਎ͷ஌ࣝΛఆணͤ͞Δ • ଞͷΞΫηγϏϦςΟॳֶऀʹྑ͍Πϯε ϐϨʔγϣϯΛ༩͍͑ͨ • ΋͠಺༰ʹޡΓ͕͋ͬͨΓɺଞͷΞΫηγ ϏϦςΟͷऔΓ૊Έʹৄ͍͠ํ͕͍Βͬ͠ ΌΕ͹ɺڭ͍͖͍͑ͯͨͩͨ
5. ΠϯτϩμΫγϣϯ • ΞΫηγϏϦςΟʹ͍ͭͯษڧத • ಺༰͕೉͘͠ɺྔ͕ଟ͍ • Ұ൪ࣗ෼ͷڵຯؔ৺͕ڧ͍ಈըͷΞΫηγ ϏϦςΟʹֶ͍ͭͯͿ
6. • ΦʔσΟΦσΟεΫϦϓγϣϯ • Ωϟϓγϣϯʢࣈນʣ • τϥϯεΫϦϓγϣϯ औΓ૊ΈҰཡ
7. 1. ΦʔσΟΦσΟεΫϦϓγϣϯ
8. • ొ৔ਓ෺ͷಈ͖ɺද৘ɺҥ૷΍৔໘ͷมԽͳͲɺಈըͷࢹ֮తͳ৘ใΛԻ੠Ͱઆ໌͢Δ ख๏ ΦʔσΟΦσΟεΫϦϓγϣϯͱ͸ʁ ϝϦοτ WCAG 2.1 • ࢹ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସ (ऩ࿥ࡁ) • 1.2.5 Ի੠ղઆ (ऩ࿥ࡁ)
9. • HOMESTAY (ϗʔϜεςΠ) - Amazon prime video ΞϚκϯΦϦδφϧ ʢԻ੠ʣ ·ΔͰʹ͡Μͩֆͷ۩͕޿͕ΔɺΧϥ ϑϧͳੈք ΦʔσΟΦσΟεΫϦϓγϣϯɹྫ
10. • ొ৔ਓ෺ͷಈ͖ɺද৘ɺҥ૷΍৔໘ͷมԽͳͲɺಈըͷࢹ֮తͳ৘ใΛԻ੠Ͱઆ໌͢Δ ख๏ ΦʔσΟΦσΟεΫϦϓγϣϯͱ͸ʁ※࠶ܝ ϝϦοτ WCAG 2.1 • ࢹ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସ (ऩ࿥ࡁ) • 1.2.5 Ի੠ղઆ (ऩ࿥ࡁ)
11. • ୡ੒ج४ 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) WCAG 2.1ͷୡ੒ج४ͷαϚϦʔ • ୡ੒ج४ 1.2.5 Ի੠ղઆ (ऩ࿥ࡁ) ಉظͨ͠ϝσΟΞʹؚ·ΕΔɺऩ࿥ࡁΈө૾ίϯςϯπʹରͯ͠ɺԻ੠ղઆ͕ఏڙ͞Ε͍ͯΔͨ Ίɻ ಉظͨ͠ϝσΟΞʹؚ·ΕΔɺ͢΂ͯͷऩ࿥ࡁΈө૾ίϯςϯπʹରͯ͠ɺԻ੠ղઆ͕ఏڙ͞Εͯ ͍ΔͨΊɻ
12. 2. Ωϟϓγϣϯʢࣈນʣ
13. 2-1. ΦʔϓϯΩϟϓγϣϯ 2-2. ΫϩʔζυΩϟϓγϣϯ →ಈըʹࣈນ͕ຒΊࠐ·Ε͍ͯΔ →ಈըϓϨΠϠʔͰࣈນΦϯ/Φϑ͕Ͱ͖ͳ͍ →ಈըʹࣈນ͕ຒΊࠐ·Ε͍ͯͳ͍ →ಈըϓϨΠϠʔͰࣈນΦϯ/Φϑ͕Ͱ͖Δ ϝϦοτ WCAG 2.1 • ௌ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • ҟͳΔݴޠΛ࿩͢ํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • 1.2.2 Ωϟϓγϣϯ (ऩ࿥ࡁ) • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସʢऩ࿥ࡁʣ • 1.2.4 Ωϟϓγϣϯ (ϥΠϒ) Ωϟϓγϣϯʢࣈນʣͱ͸ʁ • 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ
14. • ΦʔϓϯΩϟϓγϣϯ Yahoo! JAPAN ࠾༻ϜʔϏʔ ʮมԽͱڞʹಇ͘ʯἫ ʰେ୤ग़ʱ | ஍্೾Ͱ͸͓ͦΒ͘์ૹͰ͖ͳ͍ن໛ͱաࠅ͞ຬࡌͷ୤ग़ܥϩέόϥΤςΟ - DMM TV • ΫϩʔζυΩϟϓγϣϯ Ωϟϓγϣϯɹྫ
15. 2-1. ΦʔϓϯΩϟϓγϣϯ 2-2. ΫϩʔζυΩϟϓγϣϯ →ಈըʹࣈນ͕ຒΊࠐ·Ε͍ͯΔ →ಈըϓϨΠϠʔͰࣈນΦϯ/Φϑ͕Ͱ͖ͳ͍ →ಈըʹࣈນ͕ຒΊࠐ·Ε͍ͯͳ͍ →ಈըϓϨΠϠʔͰࣈນΦϯ/Φϑ͕Ͱ͖Δ ϝϦοτ WCAG 2.1 • ௌ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • ҟͳΔݴޠΛ࿩͢ํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • 1.2.2 Ωϟϓγϣϯ (ऩ࿥ࡁ) • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସʢऩ࿥ࡁʣ • 1.2.4 Ωϟϓγϣϯ (ϥΠϒ) Ωϟϓγϣϯʢࣈນʣͱ͸ʁ※࠶ܝ • 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ
16. • ୡ੒ج४ 1.2.2 Ωϟϓγϣϯ (ऩ࿥ࡁ) WCAG 2.1ͷୡ੒ج४ͷαϚϦʔ • ୡ੒ج४ 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) ಉظͨ͠ϝσΟΞʹؚ·Ε͍ͯΔɺ͢΂ͯͷऩ࿥ࡁΈԻ੠ίϯςϯπʹରͯ͠ɺ୅ସίϯςϯπ ʢΩϟϓγϣϯʣ͕ఏڙ͞Ε͍ͯΔͨΊɻ ಉظͨ͠ϝσΟΞʹؚ·Ε͍ͯΔɺऩ࿥ࡁΈө૾ίϯςϯπʹରͯ͠ɺ୅ସίϯςϯπʢΩϟϓγ ϣϯʣ͕ఏڙ͞Ε͍ͯΔͨΊɻ • ୡ੒ج४ 1.2.4 Ωϟϓγϣϯ (ϥΠϒ) ಉظͨ͠ϝσΟΞʹؚ·Ε͍ͯΔɺ͢΂ͯͷϥΠϒԻ੠ίϯςϯπʹରͯ͠ɺΩϟϓγϣϯ͕ఏڙ͞ Ε͍ͯΔͨΊɻ • ୡ੒ج४ 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ ϥΠϒԻ੠ؚ͔͠·ͳ͍ίϯςϯπʹରͯ͠ɺ୅ସίϯςϯπʢΩϟϓγϣϯʣ͕ఏڙ͞Ε͍ͯΔ ͨΊɻ
17. 3. τϥϯεΫϦϓτ
18. • Ի੠ϑΝΠϧͷ಺༰Λɺॻ͖ىͨ͜͠ςΩετ ϝϦοτ WCAG 2.1 • ௌ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • ҟͳΔݴޠΛ࿩͢ํͰ΋ɺ຋༁ʹΑͬ ͯಈըͷ৘ใΛཧղ͢Δ͜ͱ͕Մೳ • 1.2.1 Ի੠ͷΈٴͼө૾ͷΈ (ऩ࿥ࡁ) • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସ (ऩ࿥ࡁ) τϥϯεΫϦϓτͱ͸ʁ • 1.2.8 ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) • 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ
19. τϥϯεΫϦϓτɹྫ
20. • Ի੠ϑΝΠϧͷ಺༰Λɺॻ͖ىͨ͜͠ςΩετ ϝϦοτ WCAG 2.1 • ௌ֮ʹো֐Λ࣋ͭํͰ΋ɺಈըͷ৘ใ Λཧղ͢Δ͜ͱ͕Մೳ • ҟͳΔݴޠΛ࿩͢ํͰ΋ɺ຋༁ʹΑͬ ͯಈըͷ৘ใΛཧղ͢Δ͜ͱ͕Մೳ • 1.2.1 Ի੠ͷΈٴͼө૾ͷΈ (ऩ࿥ࡁ) • 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢ Δ୅ସ (ऩ࿥ࡁ) τϥϯεΫϦϓτͱ͸ʁ※࠶ܝ • 1.2.8 ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) • 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ
21. • ୡ੒ج४ 1.2.1 Ի੠ͷΈٴͼө૾ͷΈ (ऩ࿥ࡁ) WCAG 2.1ͷୡ੒ج४ͷαϚϦʔ • ୡ੒ج४ 1.2.3 Ի੠ղઆɺຢ͸ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) ୅ସίϯςϯπʢτϥϯεΫϦϓτʣʹΑͬͯɺऩ࿥ࡁΈԻ੠ؚ͔͠·ͳ͍ίϯςϯπͱಉ౳ͷ৘ ใ͕ఏڙ͞Ε͍ͯΔͨΊɻ ಉظͨ͠ϝσΟΞʹؚ·Ε͍ͯΔɺऩ࿥ࡁΈө૾ίϯςϯπʹରͯ͠ɺ୅ସίϯςϯπʢτϥϯε ΫϦϓτʣ͕ఏڙ͞Ε͍ͯΔͨΊɻ • ୡ੒ج४ 1.2.8 ϝσΟΞʹର͢Δ୅ସ (ऩ࿥ࡁ) ͢΂ͯͷऩ࿥ࡁͷಉظͨ͠ϝσΟΞʹରͯ͠ɺ୅ସίϯςϯπʢτϥϯεΫϦϓτʣ͕ఏڙ͞Ε͍ͯ ΔͨΊɻ • ୡ੒ج४ 1.2.9: Ի੠ͷΈ (ϥΠϒ) Λཧղ͢Δ ϥΠϒԻ੠ؚ͔͠·ͳ͍ίϯςϯπʹରͯ͠ɺ୅ସίϯςϯπʢΩϟϓγϣϯʣ͕ఏڙ͞Ε͍ͯΔ ͨΊɻ
22. • ࣈນ΍τϥϯεΫϦϓτ͕ɺো֐Λ࣋ͭํ ΁ͷࢧԉखஈͰ͋Δ͜ͱΛ࠶ೝࣝ • ಛఆͷάϧʔϓ΁ͷऔΓ૊Έ͕݈ৗऀʹ΋ར ӹΛ΋ͨΒ͢͜ͱΛ࣮ײ • օ͞Μ͕ɺͲͷΑ͏ͳڵຯ͔ΒΞΫηγϏ ϦςΟΛֶΜͩͷ͔ڭ͍͚͑ͯͨͩΔͱ޾͍ Ͱ͢🙏 ࠷ޙʹ
23. ొஃࢿྉ