CSS

20151122

D2D

2

3

SAWADA STANDARD DESIGN

@SawadaStdDesign

WAIC WG22011

2013

2014

http://sawada-std-design.com/https://twitter.com/SawadaStdDesign

4

5

D2D

CSS

6

7

CSS

8

CSS

9

10

display : none

visibility : hidden

11

1

display : none CSSPC-Talker7

NVDAVoiceOverURLindex

TAB

a#logoDaruma { background: url(daruma.png) no-repeat 0 0; } a#logoDaruma span { display: none; }

12

hover

hoverfocusvisibility : hidden

hoverNVDAaltURL

focusalt

a#omy { background: url(omy_h.png) no-repeat 0 0; } a#omy:hover img, a#omy:focus img { visibility : hidden; }

13

14

2

Windows

CSS

15

overflow:hidden

19294[1]Wikipedia

blockquote { width:300px; height:300px; overflow:hidden; }

16

17

outline : none

a { outline: none; }

18

19

No Doubl

e-Dipping

!!

div { position:relative; height:400px; } p { position:absolute; bottom:0; } img { position:absolute; top:0; }

20

21

4

22

CSS

CSS

CSS

CSS

1

23

JIS X 8341-3:2010 A

201211

http://waic.jp/docs/jis2010-test-guidelines/201211/icl-index.html

24

CSS

25

CSS

7.1.1.1

C9 CSS

26

C6

C8 CSS letter-spacing

C27 DOM

7.1.3.2

27

7.2.4.3

C27 DOM

28

CSS

7.2.4.4

C7 CSS

29

30

D2DCSS

31

32

hoverfocus

C6C8C9C12C15C22

33

C6C9C12C15C19C22

34

35

36

JIS X 8341-3:2010 A

HTML5CSS3JavaScript

HTML5CSS3

5

5

6

Web OK

37

PC

https://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index.png

https://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_s.png

PChover

https://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_h.png

hover

https://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_s_h.png

#4d4d4d#54b032

https://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index.pnghttps://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_s.pnghttps://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_h.pnghttps://github.com/D2DRAFT/a11y7-2A/blob/master/assets/index_s_h.png

38

HTML

https://github.com/milk54/a11yd2d7-2/blob/master/index.html

https://github.com/milk54/a11yd2d7-2/blob/master/index.html

39

2

40

41

CSS

https://htmlpreview.github.io/?https://github.com/milk54/a11yd2d7-2/blob/master/index.html

https://htmlpreview.github.io/?https://github.com/milk54/a11yd2d7-2/blob/master/index.htmlhttps://htmlpreview.github.io/?https://github.com/milk54/a11yd2d7-2/blob/master/index.html

42

43

44

45

46

Web

47

48

49

50

51

52

53

Web

54

55

Web

56

57