Tweet
Tweet

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/