Slide 1

Slide 1 text

ΞϝϒϩΛεΫϦʔϯϦʔμʔͰ ಡΈ্͛ͯΈͨ ~2016೥Ն~ 2016೥8݄9೔ ݪ Ұ੒ @CyberAgent

Slide 2

Slide 2 text

৽ଔ͓͡͞Μ @herablog @CyberAgent, Inc

Slide 3

Slide 3 text

εΫϦʔϯϦʔμʔ is Կ

Slide 4

Slide 4 text

ίϯϐϡʔλͷը໘ಡΈ্͛ι ϑτ΢ΣΞͰ͋Δɻ৘ใΛԻ੠ ͰಡΈ্͛Δ͜ͱʹΑͬͯͦͷ ૢ࡞Λิॿ͢Δ΋ͷͰ͋Δɻ

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

ɾΩʔϘʔυͰϑΥʔΧεΛҠಈͰ͖Δ ɾඞཁͳςΩετ͕ಡΈ্͛ΒΕΔ ΋͔ͨ͠͠Β… هࣄΛʮௌ͘ʯ࣌୅ʹͳΔ͔΋… ॏཁͳϙΠϯτ

Slide 8

Slide 8 text

Ξϝϒϩ is Կ

Slide 9

Slide 9 text

2004೥͔Β΍ͬͯΔϒϩάαʔϏε

Slide 10

Slide 10 text

tama-web (ameblo 2016)

Slide 11

Slide 11 text

will be coming soon!

Slide 12

Slide 12 text

WAI-ARIA ঢ়ଶΛϚγϯʹ఻͑Δ

Slide 13

Slide 13 text

aria-hidden=“true” role=“presentation” role=“dialog” tabindex=“0” aria-label=“” aria-disabled=“true”

Slide 14

Slide 14 text

Icon, Emoji “”

Slide 15

Slide 15 text

http://fontawesome.io/accessibility/

Slide 16

Slide 16 text

Button …

Slide 17

Slide 17 text

Modal

Slide 18

Slide 18 text

Pagination

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Demo

Slide 21

Slide 21 text

ΞϝϒϩΛεΫϦʔϯϦʔμʔͰ ಡΈ্͛ͯΈͨ ~2016೥Ն~ ऴ

Slide 22

Slide 22 text

ࢀߟ : http://website-usability.info/2015/07/entry_150706.html http://blog.e-riverstyle.com/2011/01/waiariahtml5.html http://memolog.org/2012/05/aria-hidden.html http://shufulife.com/role/ http://xn--lcki7of.jp/502/ http://05step.com/2012/06/03/html5-role-markup/ http://blog.e-riverstyle.com/2011/01/rolewaiaria.html https://w3g.jp/blog/lets_role_fit http://fontawesome.io/accessibility/ http://www.webcreativepark.net/html/wai-aria/aria- disabled/