ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒQAã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã
ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã
ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã
ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã
QAå質ä¿èšŒ
â¡ WAVEChromeæ¡åŒµæ©èœã䜿çšããŠåããŒãžãå®è¡ããŸãã
ãã®ããŒã«ã¯å®ç§ã§ã¯ãããŸããããã¢ã¯ã»ã·ããªãã£ãšã©ãŒã®è¯ãåºç€ãæäŸããŸãã
â¡ ãŠãŒã¶ãŒã¯ãããŒããŒãã䜿çšããŠã³ã³ãã³ããããã²ãŒãã§ããå¿ èŠããããŸãã
泚æããŠãã ããïŒããã²ãŒã·ã§ã³ãšããããããŠã³ã¡ãã¥ãŒã«ã¢ã¯ã»ã¹ãããšããŠãŒã¶ãŒã¯ããŒãžå šäœãã¿ãã§ç§»åã§ããèŠçŽ ã«éã蟌ããããªãããã«ããå¿ èŠããããŸããããã¯ãã¢ãŒãã«ã®äžè¬çãªåé¡ã§ãããéžæå¯èœãªèŠçŽ ïŒãªã³ã¯ããã¿ã³ãç
â¡ ãŠãŒã¶ãŒã¯ãã¹ã¯ãªãŒã³ãªãŒããŒã䜿çšããŠã³ã³ãã³ããããã²ãŒãã§ããå¿ èŠããããŸãã
Appleã®çµã¿èŸŒã¿ã®VoiceOverã¯ãã®ããã«ããŸãæ©èœãããã®äœ¿çšæ¹æ³ã«é¢ããçµã¿èŸŒã¿ã®ãã¥ãŒããªã¢ã«ãå«ãŸããŠããŸãã
â¡ ã³ã³ãã³ãã®äžè¬çãªã¢ãŒããã¯ãã£ãšéå±€ã¯çã«ããªã£ãŠããã¯ãã§ãã
ããããŒãååšããã¯ãªãã¯å¯èœãªèŠçŽ ãæ確ã«ç€ºããããŠãŒã¶ãŒãããã²ãŒãã§ããå¿ èŠããããŸããç §æãäžååãªã³ã³ãã³ããæ°ãã£ãŒãé¢ããå Žæããã³ã³ãã³ãã衚瀺ããŠããå Žåã¯ãããã¹ããèªã¿ãããããå¿ èŠããããŸãããŠãŒã¶ãŒãã³ã³ãã³ããèŠããç解ãããããã®ã«åé¡ããããšäºæž¬ã§ããå Žåãããã¯äœãããªãã«ãªã£ãŠããããšã瀺ãé©åãªææšã§ãã
â¡ ã¹ã¯ãªãŒã³ãªãŒããŒã䜿çšããŠãããŠãŒã¶ãŒãæ¥ç¶é床ã®é ããŠãŒã¶ãŒãåŒãç¶ãç»åãç解ã§ããããã«ãã°ã©ããšç»åã«ã¯ãã¹ãŠä»£æ¿ããã¹ããå«ããå¿ èŠããããŸãã
â¡ è£ é£Ÿçãªç»åã¯ã¹ã¯ãªãŒã³ãªãŒããŒã«è¡šç€ºãããªãããã«ããå¿ èŠããããŸãã
äžèšã®ã»ã¯ã·ã§ã³ã§ãã§ãã¯ãããã¹ãŠã®ã¬ã€ãã©ã€ã³ã¯ããã®ãã¬ãã¥ãŒããã¯ã¹ã«è¡šç€ºãããŸãããã§ãã¯ãªã¹ããã¯ãªããããŒãã«ã³ããŒããŠãããŒã ãšå ±æã§ãã圢åŒã«è²Œãä»ããŸãã
ããŒã«ã®ã玹ä»
ãããã®ããŒã«ã䜿çšããŠãäœæ¥ã«ã¢ã¯ã»ã¹ã§ããããã«ããŸãããã
[詳现]
ãã¹ããã©ã¯ãã£ã¹ã確èªããããã®WCAG2.1ã¬ã€ãã©ã€ã³
WCAG2.1ã¬ã€ãã©ã€ã³è£œåå šäœã®ã¢ã¯ã»ã·ããªãã£ã確èªããããã®WAVE
Webã¢ã¯ã»ã·ããªãã£è©äŸ¡ããŒã«ïŒChromeæ¡åŒµæ©èœWebã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒ
補åå šäœã®ã¢ã¯ã»ã·ããªãã£ããã§ãã¯ãããïŒWebã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒã³ã³ãã©ã¹ãã»ã¢ãã©ââã€ã¶ãŒ
è²ã®ã³ã³ãã©ã¹ããåæããããã®è²ã®ã³ã³ãã©ã¹ãã»ã¢ãã©ââã€ã¶ãŒã«ã©ãŒãã¬ããã»ã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒ
ã³ã³ãã©ã¹ããééããããã«è²ã®çµã¿åãããèªåçã«ãã§ãã¯ããã«ã©ãŒãã¬ããã»ã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒã«ã©ãŒã»ãšã¯ã¹ãã©ã¯ã¿ãŒ
CSSã§ãã¹ãŠã®è²ãæ€çŽ¢ããã«ã©ãŒãã¬ããã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒã«ããŒãããããã®ã«ã©ãŒã»ãšã¯ã¹ãã©ã¯ã¿ãŒã»ããã¯ããŒã¯ã¬ããWebã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒ
補åå šäœã®ã¢ã¯ã»ã·ããªãã£ããã§ãã¯ããWebã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒã«ã©ãŒã»ãŒã
ã¢ã¯ã»ã¹å¯èœãªã«ã©ãŒãã¬ãããäœæããããã®ã«ã©ãŒã»ãŒãã«ã©ãŒãªã©ã¯ã«
è²èŠç°åžžãã·ãã¥ã¬ãŒãããã«ã©ãŒãªã©ã¯ã«ã·ã ã»ãã«ãããºã
è²èŠç°åžžãã·ãã¥ã¬ãŒãããã·ã ã»ãã«ãããºã
ç§ãè²ã
å匷äžãªã®ã§ãçããŸã®ãæèŠã»ãææ³ããèãããã ããã
ãèªã¿é ããŸããŠãããããšãããããŸããã
ã¡ã«ãã«ã³ãæ ç¹ã«ãããã¯ããã¶ã€ããŒãšããŠåããŠããŸãã äž»ã«ããžã¿ã«ã»ãããã¯ãã®å¶äœã«æºãã£ãŠããŸãã