WCAGæºæ ã®ããã®è²ã®ã³ã³ãã©ã¹ãèŠä»¶ãåŠã³ãèŠèŠé害ã®ãããŠãŒã¶ãŒãå«ãäžçäžã®ãŠãŒã¶ãŒããŠã§ããµã€ãã«ã¢ã¯ã»ã¹ã§ããããã«ããæ¹æ³ã解説ããŸãã
è²ã®ã³ã³ãã©ã¹ãïŒã°ããŒãã«ãªã¢ã¯ã»ã·ããªãã£ã®ããã®WCAGæºæ ã«é¢ããå æ¬çã¬ã€ã
仿¥ã®ããžã¿ã«ç°å¢ã«ãããŠããŠã§ããµã€ãã®ã¢ã¯ã»ã·ããªãã£ã確ä¿ããããšã¯ãåãªããã¹ããã©ã¯ãã£ã¹ã§ã¯ãªããã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ã®éèŠãªèŠçŽ ã§ãããŠã§ãã¢ã¯ã»ã·ããªãã£ã®äžæ žããªãã®ããWeb Content Accessibility GuidelinesïŒWCAGïŒãç¹ã«è²ã®ã³ã³ãã©ã¹ãã«é¢ããã¬ã€ãã©ã€ã³ã®éµå®ã§ãããã®å æ¬çãªã¬ã€ãã§ã¯ãWCAGã«ãããè²ã®ã³ã³ãã©ã¹ãèŠä»¶ã®è€éããæãäžããäžçäžã®èŠèŠé害ã®ãããŠãŒã¶ãŒãã¢ã¯ã»ã¹ã§ãããŠã§ããµã€ããäœæããããã®ç¥èãšããŒã«ãæäŸããŸãã
è²ã®ã³ã³ãã©ã¹ããã°ããŒãã«ãªã¢ã¯ã»ã·ããªãã£ã«ãšã£ãŠéèŠãªçç±
è²ã®ã³ã³ãã©ã¹ããšã¯ã忝ïŒããã¹ããã¢ã€ã³ã³ïŒãšèæ¯ã®è²ã®èŒåºŠïŒæããïŒã®å·®ãæããŸããååãªè²ã®ã³ã³ãã©ã¹ãã¯ãããŒããžã§ã³ãè²èŠç°åžžããã®ä»ã®èŠèŠé害ãæã€ãŠãŒã¶ãŒãã³ã³ãã³ãã广çã«èªèããçè§£ããããã«äžå¯æ¬ ã§ããé©åãªã³ã³ãã©ã¹ãããªããšãããã¹ãã¯èªã¿ã«ãããªã£ãããå šãèªããªããªã£ããããŠãæ å ±ãæ©èœãžã®ã¢ã¯ã»ã¹ã劚ããŸããããã«ãäžååãªè²ã®ã³ã³ãã©ã¹ãã¯ãå€ãã¢ãã¿ãŒãæããæ¥å ã®äžã§å©çšãããŠãŒã¶ãŒã«ãæªåœ±é¿ãåãŒãå¯èœæ§ããããŸãã
äžçäžã§äœçŸäžäººãã®äººã ãäœããã®åœ¢ã®èŠèŠéå®³ãæ±ããŠããŸããäžçä¿å¥æ©é¢ïŒWHOïŒã«ãããšãå°ãªããšã22å人ãè¿èŠãŸãã¯é èŠã®é害ãæã£ãŠããŸãããã®äºå®ã¯ãã¢ã¯ã»ã·ããªãã£ã念é ã«çœ®ããèšèšã®éèŠæ§ã匷調ããŠããŸããWCAGã®è²ã®ã³ã³ãã©ã¹ãåºæºãéµå®ããããšã§ãããªãã®ãŠã§ããµã€ããããå€ãã®ãŠãŒã¶ãŒã«å©çšå¯èœã§ããããšãä¿èšŒã§ããŸãã
WCAGã®è²ã®ã³ã³ãã©ã¹ãèŠä»¶ãçè§£ãã
WCAGã¯ãã³ã³ãã³ããããèå¥ããããããããšãç®çãšããã¬ã€ãã©ã€ã³1.4ã®äžã§ãè²ã®ã³ã³ãã©ã¹ãã«é¢ããç¹å®ã®æååºæºãå®çŸ©ããŠããŸããè²ã®ã³ã³ãã©ã¹ãã«é¢é£ããäž»ãªæååºæºã¯ä»¥äžã®éãã§ãã
- 1.4.3 ã³ã³ãã©ã¹ãïŒæäœéïŒ: ããã¹ãããã³ããã¹ãç»åã®èŠèŠç衚çŸã¯ãå°ãªããšã4.5:1ã®ã³ã³ãã©ã¹ãæ¯ãæã€ãããã¯æšæºãµã€ãºã®ããã¹ãïŒäžè¬ã«å€ªåã§14ãã€ã³ã以äžãé倪åã§18ãã€ã³ã以äžãšèŠãªãããïŒã«é©çšãããã
- 1.4.11 éããã¹ãã®ã³ã³ãã©ã¹ã: 以äžã®ãã®ãšé£æ¥ããè²ãšã®éã§ãå°ãªããšã3:1ã®ã³ã³ãã©ã¹ãæ¯ãæã€ã
- ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ã³ã³ããŒãã³ãïŒãã©ãŒã ãã£ãŒã«ãããã¿ã³ããªã³ã¯ãªã©ïŒã
- ã³ã³ãã³ããçè§£ããããã«å¿ èŠãªã°ã©ãã£ãã¯ãªããžã§ã¯ãïŒã°ã©ãã®äžéšãªã©ïŒã
- 1.4.6 ã³ã³ãã©ã¹ãïŒæ¡åŒµïŒ: ããã¹ãããã³ããã¹ãç»åã®èŠèŠç衚çŸã¯ãå°ãªããšã7:1ã®ã³ã³ãã©ã¹ãæ¯ãæã€ãããã¯æšæºãµã€ãºã®ããã¹ãã«é©çšãããã
- 1.4.8 èŠèŠç衚çŸ: ããã¹ããããã¯ã®èŠèŠç衚çŸã®ããã«ã以äžã®ããšãéæããããã®ã¡ã«ããºã ãå©çšå¯èœã§ããããšãïŒã¬ãã«AAAïŒ
- 忝è²ãšèæ¯è²ã¯ãŠãŒã¶ãŒãéžæã§ããã
- å¹ ã¯80æåãŸãã¯ã°ãªããè¶ ããªãïŒæ¥æ¬èªãäžåœèªãéåœèªãªã©ãåºãã°ãªããæã€æåã䜿çšããèšèªã®å ŽåïŒã
- ããã¹ãã¯äž¡ç«¯æãïŒå·Šå³ã®ããŒãžã³ã«æããããšïŒã«ããªãã
- è¡éïŒãªãŒãã£ã³ã°ïŒã¯æ®µèœå ã§å°ãªããšã1.5åã®ã¹ããŒã¹ã確ä¿ããæ®µèœééã¯è¡éãããå°ãªããšã1.5å倧ããããšã
- ããã¹ãã¯æ¯æŽæè¡ãªãã§æå€§200ããŒã»ã³ããŸã§ãµã€ãºå€æŽã§ãããã«ã¹ã¯ãªãŒã³ãŠã£ã³ããŠã§ããã¹ãè¡ãèªãããã«æ°Žå¹³ã¹ã¯ããŒã«ãå¿ èŠãšããªãããšã
WCAGã®ã¬ãã«ïŒAãAAãAAA
WCAGã¯ãAãAAãAAAã®3ã€ã®é©åã¬ãã«ã§æ§æãããŠããŸããåã¬ãã«ã¯ãããé«åºŠãªã¢ã¯ã»ã·ããªãã£ã®åºŠåãã衚ããŸããã¬ãã«Aã¯æäœé蚱容ãããã¬ãã«ã衚ããŸãããã¬ãã«AAãã»ãšãã©ã®ãŠã§ããµã€ãã®æšæºãšåºãèŠãªãããŠããŸããã¬ãã«AAAã¯æé«ã¬ãã«ã®ã¢ã¯ã»ã·ããªãã£ã衚ãããã¹ãŠã®ã³ã³ãã³ãã§éæããã®ã¯é£ããå ŽåããããŸãã
- ã¬ãã«A: åºæ¬çãªã¬ãã«ã®ã¢ã¯ã»ã·ããªãã£ãæäŸããŸããã¬ãã«Aã®æååºæºãæºããããšã¯äžå¯æ¬ ã§ãã
- ã¬ãã«AA: ããéèŠãªã¢ã¯ã»ã·ããªãã£ã®éå£ã«å¯ŸåŠããŸããã¬ãã«AAãžã®æºæ ã¯ãå€ãã®å°åã§æ³åŸã«ãã£ãŠèŠæ±ãããããšããããããŸããã»ãšãã©ã®ãŠã§ããµã€ãã¯ã¬ãã«AAæºæ ãç®æãã¹ãã§ãã
- ã¬ãã«AAA: æé«ã¬ãã«ã®ã¢ã¯ã»ã·ããªãã£ãæäŸãããã¹ãŠã®ãŠãŒã¶ãŒã«å¯èœãªéãæé«ã®äœéšãæäŸããŸããã¬ãã«AAAã®éæã¯ãå®çšçãªå¶çŽã®ããããã¹ãŠã®ã³ã³ãã³ãã§å®çŸå¯èœã§ã¯ãªãå ŽåããããŸãã
è²ã®ã³ã³ãã©ã¹ãã«ã€ããŠã¯ãã¬ãã«AAã§ã¯æšæºããã¹ãã§4.5:1ã倧ããªããã¹ããšãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ã³ã³ããŒãã³ãã§3:1ã®ã³ã³ãã©ã¹ãæ¯ãèŠæ±ãããŸããã¬ãã«AAAã§ã¯ãæšæºããã¹ãã§7:1ã倧ããªããã¹ãã§4.5:1ã®ã³ã³ãã©ã¹ãæ¯ãèŠæ±ãããŸãã
ã倧ããªããã¹ããã®å®çŸ©
WCAGã¯ã倧ããªããã¹ãããæ¬¡ã®ããã«å®çŸ©ããŠããŸãã
- 倪åã§ãªãå Žåã¯18ãã€ã³ãïŒ24 CSSãã¯ã»ã«ïŒä»¥äžã
- 倪åã®å Žåã¯14ãã€ã³ãïŒ18.66 CSSãã¯ã»ã«ïŒä»¥äžã
ãããã®ãµã€ãºã¯æŠç®ã§ããããã©ã³ããã¡ããªãŒã«ãã£ãŠç°ãªãå ŽåããããŸããæºæ ã確å®ã«ããããã«ãå®éã«ã¬ã³ããªã³ã°ãããããã¹ããè²ã®ã³ã³ãã©ã¹ãåæããŒã«ã§ãã¹ãããããšãåžžã«æåã§ãã
ã³ã³ãã©ã¹ãæ¯ã®èšç®
è²ã®ã³ã³ãã©ã¹ãæ¯ã¯ã忝è²ãšèæ¯è²ã®çžå¯ŸèŒåºŠã«åºã¥ããŠèšç®ãããŸããèšç®åŒã¯æ¬¡ã®ãšããã§ãã
(L1 + 0.05) / (L2 + 0.05)
ããã§ïŒ
- L1ã¯æããè²ã®çžå¯ŸèŒåºŠã§ãã
- L2ã¯æãè²ã®çžå¯ŸèŒåºŠã§ãã
çžå¯ŸèŒåºŠã¯ãåè²ã®èµ€ãç·ãéïŒRGBïŒã®å€ãèæ ®ããè€éãªèšç®ã§ãã幞ããªããšã«ããããã®èšç®ãæåã§è¡ãå¿ èŠã¯ãããŸããã倿°ã®ãªã³ã©ã€ã³ããŒã«ããœãããŠã§ã¢ã¢ããªã±ãŒã·ã§ã³ããè²ã®ã³ã³ãã©ã¹ãæ¯ãèªåçã«èšç®ããŠãããŸãã
è²ã®ã³ã³ãã©ã¹ãããã§ãã¯ããããã®ããŒã«
WCAGåºæºãžã®æºæ ã確èªããè²ã®ã³ã³ãã©ã¹ããè©äŸ¡ããã®ã«åœ¹ç«ã€åªããããŒã«ãããã€ããããŸãã以äžã«ããã€ãã®äººæ°ã®ããéžæè¢ã瀺ããŸãã
- WebAIM Contrast Checker: 16鲿°ã«ã©ãŒã³ãŒããå ¥åããããã«ã©ãŒããã«ãŒã䜿çšããŠã³ã³ãã©ã¹ãæ¯ã決å®ã§ããç¡æã®ãªã³ã©ã€ã³ããŒã«ãã³ã³ãã©ã¹ããWCAG AAããã³AAAåºæºãæºãããŠãããã©ããã瀺ããŸãã
- Colour Contrast Analyser (CCA): è²èŠç°åžžã®ã·ãã¥ã¬ãŒã·ã§ã³ãªã©ãããé«åºŠãªæ©èœãæäŸããããŠã³ããŒãå¯èœãªãã¹ã¯ãããã¢ããªã±ãŒã·ã§ã³ïŒWindowsããã³macOSã§å©çšå¯èœïŒã
- Chrome DevTools: Chromeã®çµã¿èŸŒã¿éçºè ããŒã«ã«ã¯ãã³ã³ãã©ã¹ãæ¯ã衚瀺ããWCAGèŠä»¶ãæºãããŠãããã©ããã瀺ãã«ã©ãŒããã«ãŒãå«ãŸããŠããŸãã
- Firefox Accessibility Inspector: Chrome DevToolsãšåæ§ã«ãFirefoxã¯è²ã®ã³ã³ãã©ã¹ããã§ãã¯æ©èœãåããã¢ã¯ã»ã·ããªãã£ã€ã³ã¹ãã¯ã¿ãŒãæäŸããŸãã
- Adobe Color: è²ã®ã³ã³ãã©ã¹ããã¢ã¯ã»ã·ããªãã£ã®ãã§ãã¯æ©èœãå«ããã«ã©ãŒãã¬ãããäœæã»æ¢çŽ¢ã§ãããªã³ã©ã€ã³ããŒã«ã
- Stark: SketchãFigmaãAdobe XDãªã©ã®ãã¶ã€ã³ããŒã«çšã®äººæ°ã®ãã©ã°ã€ã³ã§ããã¶ã€ã³ã¯ãŒã¯ãããŒå ã§çŽæ¥ãªã¢ã«ã¿ã€ã ã®è²ã®ã³ã³ãã©ã¹ãåæãæäŸããŸãã
ããŒã«ãéžæããéã«ã¯ã䜿ãããããæ©èœãæ¢åã®ã¯ãŒã¯ãããŒãšã®çµ±åãèæ ®ããŠãã ããããããã®ããŒã«ã®å€ãã¯ãè²èŠç°åžžã®ã·ãã¥ã¬ãŒã·ã§ã³ãæäŸããŠãããããŸããŸãªçš®é¡ã®è²èŠç°åžžãæã€ãŠãŒã¶ãŒãããªãã®ãã¶ã€ã³ãã©ã®ããã«èªèããããçè§£ããã®ã«åœ¹ç«ã¡ãŸãã
å®è·µçãªäŸãšãã¹ããã©ã¯ãã£ã¹
ãŠã§ããµã€ããWCAGã®è²ã®ã³ã³ãã©ã¹ãèŠä»¶ãæºããããã«ããããã®ãããã€ãã®å®è·µçãªäŸãšãã¹ããã©ã¯ãã£ã¹ãæ¢ã£ãŠã¿ãŸãããã
- èæ¯äžã®ããã¹ã: ããã¹ããšãã®èæ¯ã®éã«ååãªã³ã³ãã©ã¹ãã確ä¿ããŠãã ãããæããèæ¯ã«æããããã¹ããæãèæ¯ã«æãããã¹ãã䜿çšããããšã¯é¿ããŠãã ãããäŸãã°ãæããç°è²ã®èæ¯ïŒ#EEEEEEïŒã«çœã®ããã¹ãïŒ#FFFFFFïŒã¯WCAGã®ã³ã³ãã©ã¹ãèŠä»¶ãæºãããŸããã代ããã«ãããæãç°è²ã®èæ¯ïŒ#999999ïŒãéžæããŠååãªã³ã³ãã©ã¹ãæ¯ãéæããŠãã ããã
- ãªã³ã¯: ãªã³ã¯ã¯ãè²ã ãã§ãªããä»ã®èŠèŠçãªæãããïŒäžç·ã倪åãªã©ïŒã«ãã£ãŠãåšå²ã®ããã¹ããšèŠèŠçã«åºå¥ã§ããããã«ããå¿ èŠããããŸãããªã³ã¯ã®è²ã倿Žããã ãã§ã¯ãè²ã®ã³ã³ãã©ã¹ããäžååãªå Žåã«ã¯ååã§ãªãããšããããŸãããªã³ã¯ã容æã«èå¥ã§ããããã«ãè²ãšäžç·ã®çµã¿åããã䜿çšããããšãæ€èšããŠãã ããã
- ãã¿ã³: ãã¿ã³ã«ã¯æç¢ºãªèŠèŠçå¢çããããããã¹ããšãã¿ã³ã®èæ¯ã®éã«ååãªã³ã³ãã©ã¹ããå¿ èŠã§ããã³ã³ãã©ã¹ããäœäžãããå¯èœæ§ã®ãã埮åŠãªã°ã©ããŒã·ã§ã³ã圱ã®äœ¿çšã¯é¿ããŠãã ãããäŸãã°ãçœãããã¹ãã®ä»ããæ°Žè²ã®ãã¿ã³ã¯WCAGåºæºãæºãããªãå¯èœæ§ããããŸããããã¹ãã«ã¯ããæ¿ãéè²ãé»ã®ãããªå¯Ÿç §çãªè²ã䜿çšããŠãã ããã
- ãã©ãŒã ãã£ãŒã«ã: ãã©ãŒã ãã£ãŒã«ãã«ã¯è¡šç€ºå¯èœãªå¢çç·ããããå¢çç·ãšèæ¯ã®éã«ååãªã³ã³ãã©ã¹ããå¿ èŠã§ãããã©ãŒã ãã£ãŒã«ãå ã®ããã¹ããããã£ãŒã«ãã®èæ¯ãšã®éã«ååãªã³ã³ãã©ã¹ããå¿ èŠã§ãã
- ã¢ã€ã³ã³: ã¢ã€ã³ã³ã¯ãç¹ã«éèŠãªæ å ±ãäŒããå Žåãèæ¯ãšã®éã«ååãªã³ã³ãã©ã¹ããå¿ èŠã§ããé©åãªã³ã³ãã©ã¹ãæ¯ã決å®ããéã«ã¯ãã¢ã€ã³ã³ã®ãµã€ãºãèæ ®ããŠãã ãããå°ããã¢ã€ã³ã³ã¯ã容æã«èŠèªã§ããããã«ããããã«ããé«ãã³ã³ãã©ã¹ããå¿ èŠã«ãªãå ŽåããããŸãã
- ãã£ãŒããšã°ã©ã: ãã£ãŒããã°ã©ãã®ç°ãªãããŒã¿ç³»åããäºãã«ããŸãèæ¯ããåºå¥ã§ããããã«ããŠãã ãããå¯Ÿç §çãªè²ããã¿ãŒã³ã䜿çšããŠããŒã¿ãã€ã³ããåºå¥ããŸããã¹ã¯ãªãŒã³ãªãŒããŒãŠãŒã¶ãŒã®ããã«ä»£æ¿ããã¹ãèšè¿°ãæäŸããŠãã ããã
- ããŽ: ããŽã§ãããå¯èœãªéãè²ã®ã³ã³ãã©ã¹ãã¬ã€ãã©ã€ã³ãéµå®ãã¹ãã§ããããŽãå ã®åœ¢ã§ã³ã³ãã©ã¹ãèŠä»¶ãæºãããªãå Žåã¯ãã¢ã¯ã»ã·ããªãã£ç®çã§è²ã調æŽãã代æ¿ããŒãžã§ã³ãæäŸããããšãæ€èšããŠãã ããã
- è£ é£Ÿçãªç»å: è£ é£Ÿçãªç»åã¯ããã¹ãããŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ã³ã³ããŒãã³ããšåãã³ã³ãã©ã¹ãèŠä»¶ã®å¯Ÿè±¡ã§ã¯ãããŸããããèªã¿ãããã䜿ããããã«æªåœ±é¿ãäžããªãããã«ããããšã¯äŸç¶ãšããŠè¯ãç¿æ £ã§ããããã¹ãã®èåŸã«ãéåžžã«æ³šæãæ£ããããŸãã¯èŠèŠçã«è€éãªè£ 食çãªç»åã䜿çšããããšã¯é¿ããŠãã ããã
ç°ãªãæåãšèšèªã«ãŸãããäŸ
è²ã®é£æ³ã¯æåã«ãã£ãŠç°ãªãå ŽåããããŸããããæåã§ã¯è¯å®çã«æããããè²ããå¥ã®æåã§ã¯åŠå®çã«èªèãããããšããããŸãããŠã§ããµã€ãã®è²ã®çµã¿åãããéžæããéã«ã¯ãã¿ãŒã²ãããªãŒãã£ãšã³ã¹ãšæœåšçãªæåçæåæ§ãèæ ®ããŠãã ãããããããè²ã®ã³ã³ãã©ã¹ãã®åºæ¬ååã¯æ®éçã§ããæåçãªèæ¯ã«é¢ãããããã¹ãŠã®ãŠãŒã¶ãŒã®èªã¿ããããšäœ¿ãããããç¶æããããã«ã忝ãšèæ¯ã®èŠçŽ ã®éã«ååãªã³ã³ãã©ã¹ãã確ä¿ããŠãã ããã
äŸãã°ãäžéšã®è¥¿æŽæåã§ã¯ãèµ€ã¯ãšã©ãŒãèŠåãšé¢é£ä»ããããŠããŸããçœãèæ¯ã«èµ€ãããã¹ãã䜿çšããå Žåããããã³ã³ãã©ã¹ãæ¯ãæºãããŠããããšã確èªããŠãã ãããåæ§ã«ãäžéšã®ã¢ãžã¢æåã§ã¯ãçœã¯åªã飿³ãããŸãããã¶ã€ã³ãçœãèæ¯ã«å€§ããäŸåããŠããå Žåãéžæããè²ã®æåç飿³ã«é¢ããããããã¹ãèŠçŽ ãé©åãªã³ã³ãã©ã¹ããæã€ããšã確èªããŠãã ããã
ç°ãªãã¹ã¯ãªãããæåã»ããã®äœ¿çšãèæ ®ããŠãã ãããäžåœèªãæ¥æ¬èªãéåœèªïŒCJKïŒã®ãããªèšèªã¯ããã°ãã°è€éãªæåã䜿çšããŸããç¹ã«èŠèŠé害ã®ãããŠãŒã¶ãŒã«ãšã£ãŠãèªã¿ãããã確ä¿ããããã«é©åãªè²ã®ã³ã³ãã©ã¹ããç¶æããããšãéèŠã§ããç°ãªããã©ã³ããµã€ãºããŠã§ã€ãã§ãã¹ãããããšã¯ãããŸããŸãªæåã»ããã«ãããå€èªæ§ã確ä¿ããã®ã«åœ¹ç«ã¡ãŸãã
é¿ããã¹ãããããééã
è²ã®ã³ã³ãã©ã¹ããå®è£ ããéã«é¿ããã¹ãããããééããããã€ã玹ä»ããŸãã
- æ å ±äŒéãè²ã ãã«é Œã: è²ãæ å ±äŒéã®å¯äžã®ææ®µã«ããŠã¯ãããŸãããè²ãåºå¥ã§ããªããŠãŒã¶ãŒã§ãã³ã³ãã³ããçè§£ã§ããããã«ãããã¹ãã©ãã«ãã¢ã€ã³ã³ãªã©ã®ä»£æ¿æããããæäŸããŠãã ãããããã¯è²èŠç°åžžã®ãŠãŒã¶ãŒã«ãšã£ãŠéåžžã«éèŠã§ãã
- éããã¹ãèŠçŽ ã®ã³ã³ãã©ã¹ããç¡èŠãã: ãã¿ã³ããã©ãŒã ãã£ãŒã«ããã¢ã€ã³ã³ãªã©ã®ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹ã³ã³ããŒãã³ãã®ã³ã³ãã©ã¹ãããã§ãã¯ããããšãå¿ããªãã§ãã ããããããã®èŠçŽ ã¯ãã¢ã¯ã»ã·ããªãã£ã確ä¿ããããã«ããã¹ããšåããããéèŠã§ãã
- å®éã®ãŠãŒã¶ãŒã§ãã¹ãããªã: è²ã®ã³ã³ãã©ã¹ãåæããŒã«ã¯è²ŽéãªããŒã«ã§ãããå®éã®ãŠãŒã¶ãŒãç¹ã«èŠèŠé害ã®ãããŠãŒã¶ãŒã«ãããã¹ãã«ä»£ããããšã¯ã§ããŸããããŠãŒã¶ããªãã£ãã¹ãã宿œããŠãæœåšçãªã¢ã¯ã»ã·ããªãã£ã®åé¡ãç¹å®ããå šäœçãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«é¢ãããã£ãŒãããã¯ãåéããŠãã ããã
- éåžžã«èãè²ã䜿çšãã: è²ã®çµã¿åãããæè¡çã«ã³ã³ãã©ã¹ãæ¯ã®èŠä»¶ãæºãããŠããŠããéåžžã«èãè²ã¯ãç¹å®ã®ç»é¢ãæããå ã®äžã§ã¯èªã¿ã«ããããšããããŸããååã«åºå¥ã§ããèªèããããè²ãéžæããŠãã ããã
- ããã©ã«ãã®ã«ã©ãŒã¹ããŒã ãã¢ã¯ã»ã·ãã«ã§ãããšä»®å®ãã: ãŠã§ããµã€ãã®ãã³ãã¬ãŒãããã¶ã€ã³ãã¬ãŒã ã¯ãŒã¯ã®ããã©ã«ãã®ã«ã©ãŒã¹ããŒã ãã¢ã¯ã»ã·ãã«ã§ãããšä»®å®ããªãã§ãã ãããåžžã«ã³ã³ãã©ã¹ãåæããŒã«ã䜿çšããŠè²ã®ã³ã³ãã©ã¹ãã確èªããŠãã ããã
ç°ãªãæè¡ã§ã®è²ã®ã³ã³ãã©ã¹ãã®å®è£
è²ã®ã³ã³ãã©ã¹ãã®ååã¯ãããŸããŸãªãŠã§ãæè¡ããã©ãããã©ãŒã ã«ããã£ãŠé©çšãããŸãã以äžã«ãããã€ãã®äžè¬çãªæè¡ã§è²ã®ã³ã³ãã©ã¹ããå®è£ ããæ¹æ³ã瀺ããŸãã
- HTMLãšCSS: CSSã䜿çšããŠãããã¹ãããã®ä»ã®èŠçŽ ã®åæ¯è²ãšèæ¯è²ãå®çŸ©ããŸããè²ã®çµã¿åãããWCAGã®ã³ã³ãã©ã¹ãèŠä»¶ãæºãããŠããããšã確èªããŠãã ãããã»ãã³ãã£ãã¯ãªHTMLèŠçŽ ïŒäŸïŒ<button>ã<a>ïŒã䜿çšããŠãã³ã³ãã³ãã«é©åãªæ§é ãšæå³ãæäŸããŸãã
- JavaScript: JavaScriptã䜿çšããŠåçã«è²ã倿Žããå Žåãæ°ããè²ã®çµã¿åãããWCAGã®ã³ã³ãã©ã¹ãèŠä»¶ãæºãããŠããããšã確èªããŠãã ãããã³ã³ãã©ã¹ããäžååãªå Žåã¯ããŠãŒã¶ãŒã«é©åãªãã£ãŒãããã¯ãæäŸããŸãã
- ç»å: ããã¹ããå«ãç»åã®å Žåãããã¹ããç»åã®èæ¯ãšååãªã³ã³ãã©ã¹ããæã£ãŠããããšã確èªããŠãã ãããç»åãè€éã§ãã£ãããèæ¯ãå€åãããããå Žåã¯ãã³ã³ãã©ã¹ããåäžãããããã«ããã¹ãã®èåŸã«åè²ã®ãªãŒããŒã¬ã€ã远å ããããšãæ€èšããŠãã ããã
- SVG: SVGã°ã©ãã£ãã¯ã䜿çšããå Žåãå¡ãã€ã¶ããšã¹ãããŒã¯ã®è²ãæå®ããŠãã³ã³ãã©ã¹ãèŠä»¶ãæºããããã«ããŸããã¹ã¯ãªãŒã³ãªãŒããŒãŠãŒã¶ãŒã®ããã«ä»£æ¿ããã¹ãèšè¿°ãæäŸããŠãã ããã
- ã¢ãã€ã«ã¢ããªïŒiOSããã³AndroidïŒ: ãã©ãããã©ãŒã ã®ãã€ãã£ããªã¢ã¯ã»ã·ããªãã£æ©èœã䜿çšããŠãè²ã®ã³ã³ãã©ã¹ãã調æŽããèŠèŠé害ã®ãããŠãŒã¶ãŒã«ä»£æ¿è¡šç€ºãªãã·ã§ã³ãæäŸããŸããåãã©ãããã©ãŒã ã«åºæã®ã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ã«åŸã£ãŠãã ããã
WCAGã®ææ°æ å ±ã远ã
WCAGã¯ããŠã§ãæè¡ãã¢ã¯ã»ã·ããªãã£ã®ãã¹ããã©ã¯ãã£ã¹ã®å€åãåæ ããããã«å®æçã«æŽæ°ãããçããææžã§ããææ°ã®æŽæ°æ å ±ãåžžã«ææ¡ãããŠã§ããµã€ããçŸåšã®WCAGããŒãžã§ã³ã«æºæ ããŠããããšã確èªããããšãäžå¯æ¬ ã§ãã2023幎çŸåšãWCAG 2.1ãæãåºãæ¡çšãããŠããããŒãžã§ã³ã§ãããWCAG 2.2ãæè¿å ¬éãããŸãããWCAGã¬ã€ãã©ã€ã³ãéçºã»å ¬éããŠããW3CïŒWorld Wide Web ConsortiumïŒã«æ³šç®ããæŽæ°æ å ±ãæ°ããæšå¥šäºé ã確èªããŠãã ããã
ã¢ã¯ã»ã·ãã«ãªè²ã®ã³ã³ãã©ã¹ãã®ããžãã¹ã±ãŒã¹
å«ççãªèæ ®äºé ãæãéèŠã§ãããã¢ã¯ã»ã·ãã«ãªè²ã®ã³ã³ãã©ã¹ãã確ä¿ããããšã«ã¯åŒ·åãªããžãã¹ã±ãŒã¹ããããŸããã¢ã¯ã»ã·ãã«ãªãŠã§ããµã€ãã¯ãé害ã®ãããŠãŒã¶ãŒã ãã§ãªãããã¹ãŠã®äººã«å©çããããããŸããè²ã®ã³ã³ãã©ã¹ããè¯ããŠã§ããµã€ãã¯ãäžè¬çã«èªã¿ãããã䜿ããããããããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®åäžããšã³ã²ãŒãžã¡ã³ãã®å¢å ãã³ã³ããŒãžã§ã³çã®åäžã«ã€ãªãããŸãã
ããã«ãå€ãã®å°åã§ã¯ãã¢ã¯ã»ã·ããªãã£ã¯æ³çã«çŸ©åä»ããããŠããŸããã¢ã¯ã»ã·ããªãã£åºæºãžã®æºæ ãæ ããšã蚎èšãè©å€ã®äœäžã«ã€ãªããå¯èœæ§ããããŸããã¢ã¯ã»ã·ããªãã£ãåªå ããããšã§ãæ£ããããšãããã ãã§ãªããããžãã¹ãä¿è·ããããåºããªãŒãã£ãšã³ã¹ã«ãªãŒããæ¡å€§ããããšãã§ããŸãã
çµè«
è²ã®ã³ã³ãã©ã¹ãã¯ããŠã§ãã¢ã¯ã»ã·ããªãã£ã®åºæ¬çãªåŽé¢ã§ããWCAGã®è²ã®ã³ã³ãã©ã¹ãèŠä»¶ãçè§£ãããã¹ããã©ã¯ãã£ã¹ãå®è£ ããããšã§ãèŠèŠèœåã«é¢ããããäžçäžã®ãŠãŒã¶ãŒãå©çšå¯èœã§ã¢ã¯ã»ã¹ãããããŠã§ããµã€ããäœæã§ããŸããé©åãªããŒã«ã䜿çšããŠãŠã§ããµã€ãã®è²ã®ã³ã³ãã©ã¹ãã宿çã«ãã¹ããããã¹ãããã»ã¹ã«å®éã®ãŠãŒã¶ãŒãé¢äžãããããšãå¿ããªãã§ãã ãããã¢ã¯ã»ã·ããªãã£ãåãå ¥ããããšã¯ãåãªãæè¡çãªèŠä»¶ã§ã¯ãªããããã€ã³ã¯ã«ãŒã·ãã§å ¬å¹³ãªããžã¿ã«äžçãåµé ãããšããã³ãããã¡ã³ãã§ãã