1

JIS X 8341-3:2016 WCAG2.0 http://waic.jp/docs/wcag2/understanding.html WCAG2.0 http://waic.jp/docs/wcag2/techs.html 2

... 1... 3... 6 1.1... 6 1.2... 7... 8 1.1.1... 8 1.2.1... 13 1.2.2... 14 1.2.3... 15 1.2.4... 16 1.2.5... 17 1.3.1... 18 1.3.2... 22 1.3.3... 23 1.4.1... 24 1.4.2... 25 1.4.3... 26 1.4.4... 28 1.4.5... 30 2.1.1... 31 2.1.2... 32 2.1.3... 33 2.2.1... 34 2.2.2... 35 2.2.3... 36 2.2.4... 37 2.3.1 3... 38 2.3.2 3... 39 2.4.1... 40 2.4.2... 41 2.4.3... 42 2.4.4... 43 3

2.4.5... 45 2.4.6... 46 2.4.7... 47 2.4.8... 48 2.4.9... 49 2.4.10... 51 3.1.1... 52 3.1.2... 53 3.1.3... 54 3.1.4... 55 3.1.5... 56 3.1.6... 57 3.2.1... 58 3.2.2... 59 3.2.3... 60 3.2.4... 61 3.2.5... 62 3.3.1... 63 3.3.2... 64 3.3.3... 66 3.3.4... 67 3.3.5... 68 3.3.6... 69 4.1.1... 70 4.1.2 name role value... 71 4

23 8 25 1 27 4 28 4 29 3 31 WCAG2.0 2012 5 15 2 3 4 JIS X 8341-3:2016 5 WCAG2.0 5

1.1 HTML CSS Java Script HTML CSS Java Script Java Script HTML This document was successfully checked as HTML! Error W3C Markup Validation Service http://validator.w3.org/ CSS W3C CSS Validation Service http://jigsaw.w3.org/css-validator/ 6

1.2 Safari Internet Explorer Google Chrome Android Browser Firefox Edge Windows Mac NVDA JAWS for Windows PC-Talker NetReader+PC-Talker FocusTalk 7

1.1.1 A alt <img src="images/logo.gif" width="191" height="79" alt=" > alt G94: ARIA10: aria-labelledby (ARIA) G196: H37: img alt (HTML) G95: 8

alt ARIA15: aria-describedby (ARIA) G74: H37: img alt (HTML) alt= CSS C9: CSS (CSS) H67: img alt title (HTML) alt (title ) h1 alt= 9

a alt alt= HTML alt 2.4.9 H2: (HTML) H37: img alt (HTML) H30: a (HTML) WCAG 2.0 F89: (accessible name) type image input input alt <input type="image" name="submit" src="****.gif" alt=" " /> WCAG2.0 H36: alt (HTML) 10

CSS CSS WCAG2.0 C9: CSS (CSS) H67: img alt title (HTML) WCAG 2.0 F3: CSS area alt area H37: img alt (HTML) H24: area (HTML) 11

label input type="checkbox" input type="radio" label input title alt ARIA9: aria-labelledby (ARIA) H36: alt (HTML) H44: label (HTML) H65: label title (HTML) object object <object classid="http://xxxxxxx.xxx/xxxx"> <p> </p> </object> H53: object (HTML) 12

1.2.1 A G158: G159: G166: 13

1.2.2 A G93: ( ) G87: H95: track (HTML) 14

1.2.3 A G69: G58: H53: object (HTML) G78: G203: 15

1.2.4 AA G9: G93: ( ) G87: 16

1.2.5 AA G78: G173: G8: G203: 17

1.3.1 A HTML ARIA11: ARIA (ARIA) ARIA13: (name) aria-labelledby (ARIA) ARIA20: region (ARIA) G115: G117: G140: h1 h6 ARIA12: role=heading (ARIA) H42: h1 h6 (HTML) HTML ul ol dl H48: ol ul dl (HTML) 18

caption caption summary caption th 2 id headers scope 1 1 th scope table caption summary th H51: (HTML) H39: caption (HTML) H73: table summary 19

(HTML) H63: scope (HTML) H43: id headers (HTML) id label for input type="checkbox" input type="radio" label input <p> <input type= radio name= sex value= ma id= male > <label for= male > </label> <input type= radio name= sex value= fe id= female > <label for= female > </label> </p> title fieldset legend optgroup select option ARIA16: (name) aria-labelledby (ARIA) ARIA17: (ARIA) H44: label 20

(HTML) H65: label title (HTML) H71: fieldset legend (HTML) H85: select option optgroup (HTML) em strong <p> <em>11 14 </em> </p> G115: H49: (HTML) G138: 21

1.3.2 A HTML br G57: C8: CSS letter-spacing (CSS) 22

1.3.3 A alt G96: 23

1.4.1 A G14: G205: G182: G111: WCAG 2.0 F73: 24

1.4.2 A BGM G171: 25

1.4.3 AA 4.5 1 G18: ( ) 4.5:1 3 1 G145: ( ) 3:1 http://weba11y.jp/tools/cca/ Windows 26

#1 27

1.4.4 AA em % xx-small,x-small,small,medium,large,x-large,xx-large smaller,larger h1 { font-size: 2em; } pt px C12: (CSS) C13: (CSS) C14: em (CSS) 200 G178: 200 200% 28

G142: C28: em (CSS) G146: G179: 29

1.4.5 AA C22: CSS (CSS) 30

2.1.1 A Tab Tab JavaScript onchange ondblclick ondragdrop Internet Explorer Tab Enter Space G202: H91: HTML (HTML) G90: SCR2: (Scripting) 31

2.1.2 A G21: 32

2.1.3 AAA 2.1.1 33

2.2.1 A 34

2.2.2 A GIF 5 G4: G11: 5 G187: G152: 5 GIF SCR22: 5 (Scripting) G186: G191: 35

2.2.3 AAA G5: 36

2.2.4 AAA G76: 37

2.3.1 3 A 1 3 1 3 10 25% G15 G19: 1 3 G176: G15: 2.3.2 3 2.3.2 2.3.1 38

2.3.2 3 AAA 1 3 G19: 1 3 39

2.4.1 A UL G1: ARIA11: ARIA (ARIA) H69: (HTML) 40

2.4.2 A title title <title> </title> title <title> </title> G88: H25: title (HTML) 41

2.4.3 A Tab G59: H4: (HTML) 42

2.4.4 A alt 2.4.9 G91: H30: a (HTML) H24: area (HTML) G189: G53: H33: title (HTML) C7: CSS (CSS) ARIA7: aria-labelledby (ARIA) ARIA8: aria-label (ARIA) H77: (HTML) H78: (HTML) H79: (HTML) 43

H80: (HTML) H81: (HTML) 2.4.9 2.4.9 2.4.4 44

2.4.5 AA G63: G161: 45

2.4.6 AA G130: G131: 46

2.4.7 AA Internet Explorer TAB Tab G149: C15: CSS (CSS) G165: G195: 47

2.4.8 AAA G65: G63: G128: 48

2.4.9 AAA title G189 C7 HTML PDF Excel Word alt="" alt="" alt="" alt (title ) h1 G91: H30: a (HTML) H24: area (HTML) 49

G189: C7: CSS (CSS) ARIA8: aria-label (ARIA) 50

2.4.10 AAA h1 h1 h2 h2 h2 h3 G141: H61: 51

3.1.1 A html lang xml:lang < xml:lang="ja" lang="ja"> meta charset UTF-8 title <meta http-equiv="content-type" content="text/html; charset="utf-8"> H57: html (HTML) 52

3.1.2 AA lang H58: (HTML) 53

3.1.3 AAA G101: 54

3.1.4 AAA G102: G97: 55

3.1.5 AAA G86: G103: G153: 56

3.1.6 AAA G120: ( ) 57

3.2.1 A G107: "focus" "activate" G200: G201: 58

3.2.2 A G80: H32: (HTML) H84: select (HTML) G13: 59

3.2.3 AA G61: 60

3.2.4 AA G197: (name) 61

3.2.5 AAA G76: H83: target (HTML) G200: 62

3.3.1 A G83: ARIA21: aria-invalid (ARIA) ARIA18: aria-alertdialog (ARIA) ARIA19: ARIA role=alert (Live Regions) (ARIA) ARIA21: aria-invalid (ARIA) G84: G85: 63

3.3.2 A id label for input type="checkbox" input type="radio" label input <p> <input type= radio name= sex value= ma id= male > <label for= male > </label> <input type= radio name= sex value= fe id= female > <label for= female > </label> </p> G131: H44: label (HTML) fieldset legend H71: fieldset legend (HTML) ARIA17: (ARIA) 64

label title H65: label title (HTML) G167: (-) G89: G184: G162: G83: H90: label legend (HTML) ARIA1: aria-describedby (ARIA) 65

3.3.3 AA 3.3.1 G83: ARIA2: aria-required (ARIA) ARIA18: aria-alertdialog (ARIA) G85: G177: G84: 66

3.3.4 AA 3.3.6 67

3.3.5 AAA (-) G184: 68

3.3.6 AAA G98: 69

4.1.1 A 70

4.1.2 name role value A 71