![èŠåºãç»å](https://assets.st-note.com/production/uploads/images/74144830/rectangle_large_type_2_1e6a70075bc9e21c73ef0d05971d9861.png?width=1200)
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãããžã§ã¯ããããŒãžã£ãŒã®ããã®ãã§ãã¯ãªã¹ã
![](https://assets.st-note.com/img/1647132123722-un8NN5hcVE.png?width=1200)
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã
ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã
ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã
ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã
ãããžã§ã¯ããããŒãžã£ãŒ
â¡ ã³ã³ãã³ããã¢ã¯ã»ã·ãã«ã«ããããšã«é¢é£ããäœæ¥ãããç解ããŸãããã
ãã¶ã€ã³ããšã³ãžãã¢ãªã³ã°ãããã³QAãã¹ãã®ã¬ã€ãã©ã€ã³ããããŸããèŠä»¶ãèªã¿ãQAã補åã§ç£èŠãããã§ãã¯ãšæšæºã«æ³šæããŠã¿ãŠãã ããã
â¡ ãããžã§ã¯ãèšç»ããã³ã¹ããªã³ãèšç»äžã®ã¢ã¯ã»ã·ããªãã£ã«éã«åãããã«æ§ç¯ããŸãããã
ã¢ã¯ã»ã·ããªãã£ã¯ãäžéšã®ãããžã§ã¯ããŸãã¯ããã»ã¹ã®æåŸã§ã®ã¿èæ ®ããå¿ èŠããããã§ãã¯ãªã¹ãé ç®ã§ã¯ãããŸããããããã®ãã©ã¯ãã£ã¹ã¯ããããžã§ã¯ãã®ãã¹ãŠã®ã¹ããããšããŒã ã§ã®åœ¹å²ã«ç¹ã蟌ãå¿ èŠããããŸãããããžã§ã¯ããã¹ããªã³ããèšç»ããéã«ã¯ããããèæ ®ããŠããããšã確èªããŠãã ããã
â¡ ããŒã ãè¡ã£ãåªããäœæ¥ãå ±æãããšãã¯ãã¢ã¯ã»ã·ããªãã£ãåäžãããããã®åªåã称è³ããŠãã ããã
ç§ãã¡ã¯çãèªåã®ä»äºãèªããããã®ãå¬ããã§ããçŸãããã¶ã€ã³ããšã¬ã¬ã³ããªã³ãŒããè¿ éãªã¿ãŒã³ã¢ã©ãŠã³ããçŽ æŽãããäœéšãç¥ãããšã«å ããŠãã³ã³ãã³ããããã¢ã¯ã»ã¹ããããããããã«ããŒã ãè¡ã£ãäœæ¥ã«æ³šç®ããè³è³ããŸãããã€ã³ã³ãã©ã¹ããã¹ããŒãããŒããŒãããã²ãŒã·ã§ã³ã·ã¹ãã ããŸãã¯æ確ãªã³ããŒãšéå±€ã«ã€ããŠè©±ãåããŸãããã
â¡ äœæããããŒã«ãšè£œåã¯ãã¢ã¯ã»ã·ããªãã£ãå®çŸããããããå¿ èŠããããŸãã
ã©ã®ãããžã§ã¯ããåŒãåãããããããŠã©ã®ããã«è£œåã圢äœãããèãããšããã¢ã¯ã»ã·ããªãã£ã¯ããªãã®å¿ã®æåç·ã«ããã¹ãã§ããã©ããªãããžã§ã¯ãã§ããã¢ã¯ã»ã·ããªãã£ã®åãçµã¿ããµããŒãããå¿ èŠãããããããã劚ãããã®ã§ãã£ãŠã¯ãªããŸãããããšãã°ãããŒã ããŠãŒã¶ãŒãç»åãã¢ããããŒãã§ããå ¬éããŒã«ãäœæãããã®ããŒã«ã代æ¿ããã¹ãã®èª¬æãèš±å¯ããªãå Žåãç®ã®èŠããªã人ãã¢ã¯ã»ã¹äžå¯èœã«ãªããŸãã
â¡ ã¢ã¯ã»ã·ããªãã£ã®æè·è ã«ãªããŸãããã
ããŒã ãšå©å®³é¢ä¿è ã«ãã¢ã¯ã»ã·ããªãã£ãéèŠã§ãããããŒã ãè¡ããã¹ãŠã®äœæ¥ã§åªå ãã¹ãã§ããçç±ã説æããŸããããã¯ç§ãã¡ã®è£œåãšç§ãã¡ã®ããŒã ãããè¯ãããŸãã
äžèšã®ã»ã¯ã·ã§ã³ã§ãã§ãã¯ãããã¹ãŠã®ã¬ã€ãã©ã€ã³ã¯ããã®ãã¬ãã¥ãŒããã¯ã¹ã«è¡šç€ºãããŸãããã§ãã¯ãªã¹ããã¯ãªããããŒãã«ã³ããŒããŠãããŒã ãšå ±æã§ãã圢åŒã«è²Œãä»ããŸãã
ããŒã«ã®ã玹ä»
ãããã®ããŒã«ã䜿çšããŠãäœæ¥ã«ã¢ã¯ã»ã¹ã§ããããã«ããŸãããã
[詳现]
ãã¹ããã©ã¯ãã£ã¹ã確èªããããã®WCAG2.1ã¬ã€ãã©ã€ã³
WCAG2.1ã¬ã€ãã©ã€ã³è£œåå šäœã®ã¢ã¯ã»ã·ããªãã£ã確èªããããã®WAVE
Webã¢ã¯ã»ã·ããªãã£è©äŸ¡ããŒã«ïŒChromeæ¡åŒµæ©èœWebã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒ
補åå šäœã®ã¢ã¯ã»ã·ããªãã£ããã§ãã¯ãããïŒWebã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒã³ã³ãã©ã¹ãã»ã¢ãã©ââã€ã¶ãŒ
è²ã®ã³ã³ãã©ã¹ããåæããããã®è²ã®ã³ã³ãã©ã¹ãã»ã¢ãã©ââã€ã¶ãŒã«ã©ãŒãã¬ããã»ã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒ
ã³ã³ãã©ã¹ããééããããã«è²ã®çµã¿åãããèªåçã«ãã§ãã¯ããã«ã©ãŒãã¬ããã»ã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒã«ã©ãŒã»ãšã¯ã¹ãã©ã¯ã¿ãŒ
CSSã§ãã¹ãŠã®è²ãæ€çŽ¢ããã«ã©ãŒãã¬ããã¢ã¯ã»ã·ããªãã£ãã§ãã«ãŒã«ããŒãããããã®ã«ã©ãŒã»ãšã¯ã¹ãã©ã¯ã¿ãŒã»ããã¯ããŒã¯ã¬ããWebã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒ
補åå šäœã®ã¢ã¯ã»ã·ããªãã£ããã§ãã¯ããWebã¢ã¯ã»ã·ããªãã£ã»ãã§ãã«ãŒã«ã©ãŒã»ãŒã
ã¢ã¯ã»ã¹å¯èœãªã«ã©ãŒãã¬ãããäœæããããã®ã«ã©ãŒã»ãŒãã«ã©ãŒãªã©ã¯ã«
è²èŠç°åžžãã·ãã¥ã¬ãŒãããã«ã©ãŒãªã©ã¯ã«ã·ã ã»ãã«ãããºã
è²èŠç°åžžãã·ãã¥ã¬ãŒãããã·ã ã»ãã«ãããºã
ç§ãè²ã
å匷äžãªã®ã§ãçããŸã®ãæèŠã»ãææ³ããèãããã ããã
ãèªã¿é ããŸããŠãããããšãããããŸããã
![](https://assets.st-note.com/img/1647131785956-w02SCe9HW1.png?width=1200)
ã¡ã«ãã«ã³ãæ ç¹ã«ãããã¯ããã¶ã€ããŒãšããŠåããŠããŸãã äž»ã«ããžã¿ã«ã»ãããã¯ãã®å¶äœã«æºãã£ãŠããŸãã