- éå¶ããŠããã¯ãªãšã€ã¿ãŒ
#Webã¢ã¯ã»ã·ããªãã£
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒQAã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã QAå質ä¿èšŒâ¡ WAVEChromeæ¡åŒµæ©èœã䜿çš
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãããžã§ã¯ããããŒãžã£ãŒã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã ãããžã§ã¯ããããŒãžã£ãŒâ¡ ã³ã³ãã³ããã¢ã¯ã»ã·ã
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãšã³ãžãã¢ã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã ãšã³ãžãã¢â¡ ã³ã³ãã³ãã«é©åãªHTMLèŠçŽ ã䜿çš
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãã¶ã€ããŒã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã ãã¶ã€ããŒâ¡ ããã¹ããšãã®èæ¯è²ã®éã«ååãªã³ã³
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ãããã¶ã€ã³ãåŠãŒããã¢ã¯ã»ã·ãã«ãªãã©ãŒã ãäœæããããã®ãã¹ããã©ã¯ãã£ã¹
Webã¢ã¯ã»ã·ããªãã£ãšã¯ãé害è ãªã©å¿èº«ã®æ©èœã«å¶çŽã®ãã人ã§ããããŸããŸãªæ¡ä»¶ã«é¢ãããããŠã§ãã§æäŸãããŠããæ å ±ã«ã¢ã¯ã»ã¹ãå©çšã§ããããšãæå³ããŸãã ããããçŸåšã®ã€ã³ã¿ãŒãããã®å€ãã¯ããŸã é害ãæã€ãŠãŒã¶ãŒã«å¯Ÿå¿ããããã«ãã¶ã€ã³ãããŠããŸããã ããšãã°ãDeque Systemsã®èª¿æ»ã«ãããšãèŠèŠé害ãæã€äººã ã¯Webãµã€ãã®70ïŒ ã«ã¢ã¯ã»ã¹ã§ããŸããã§ããã ã¢ã¯ã»ã¹ã§ããªããã©ãŒã ã¯ãåã«æãããããªãã ãã§ãªããããžãã¹ã®åŠšãã«ãªããŸããéã«ã¢
ðïž Design MaterialsïŒè²ã®ã¢ã¯ã»ã·ããªãã£âã€ã³ã¯ã«ãŒã·ããªãããã¯ããã¶ã€ã³ã«åœ¹ç«ã€ããŒã«ãšãªãœãŒã¹
ã¢ã¯ã»ã·ãã«ãªãããã¯ããäœæããå€ãã®æ¹æ³ã®1ã€ã¯ãè²èŠç°åžžã®ãã人ã®ããã«ãã¶ã€ã³ããããšã§ãã ä»åãè²ã®ã¢ã¯ã»ã·ããªãã£ã«ç¹åããŠãã€ã³ã¯ã«ãŒã·ããªãããã¯ããã¶ã€ã³ã«åœ¹ç«ã€ããŒã«ãšãªãœãŒã¹ãã玹ä»ããããŸãããã®èšäºã¯å®æçã«ã¢ããããŒãããŠãããããšæããŸãã è²èŠç°åžžãšã¯ïŒè²èŠç°åžžãšã¯ãæ£åžžãšãããä»ã®å€§å¢ã®äººãšã¯è²ãç°ãªã£ãŠèŠããŠããŸã£ãããè²ãç°ãªã£ãŠãããšæããŠããŸãç¶æ ã®ããšããããŸãããã®ããã«è²ã®åºå¥ãã€ãã«ããå Žåãããããã®ãããªæ¹ã ã¯æ¥åžžç
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã¬ã€ãã©ã€ã³ãç解ããããWCAG 2.0ãšWCAG 2.1ã®éãã»ãã§ãã¯ãªã¹ãã»å®çšçãªãªãœãŒã¹ã¬ã€ã
WCAGãšã¯ïŒWCAGãšã¯ãWeb Content Accessibility Guidelinesã®çç¥ã§ãããžã¿ã«ã³ã³ãã³ãã®ã¢ã¯ã»ã·ããªãã£ã«é¢ããã¬ã€ãã©ã€ã³ã®ããšã瀺ããŸããW3CïŒWorld Wide Webã³ã³ãœãŒã·ã¢ã ïŒã¯ãã€ã³ã¿ãŒããããå¯èœãªéãå æ¬çã«ããããã«åªåããŠããã¢ã¯ã»ã·ããªãã£å°é家ã®ã°ããŒãã«ã³ãã¥ããã£ã§ãããŸãWAIïŒWeb Accessibility InitiativeïŒã¯ãäžçäžã®å人ãçµç¹ããã®æèŠãåãå ¥ããŠãWCAGããã³é¢
ðïž Design MaterialsïŒWebã¢ã¯ã»ã·ããªãã£è©äŸ¡ã«é害ã®ãããŠãŒã¶ãŒã察象ãšãããŠãŒã¶ããªãã£ãã¹ããè©äŸ¡ã«é¢ããèæ ®äºé
Webã¢ã¯ã»ã·ããªãã£è©äŸ¡ã¯ãWCAGãªã©ã®ã¢ã¯ã»ã·ããªãã£æšæºãžã®æºæ ã«çŠç¹ãåœãŠãŠããããšããããããŸãã é©åæ§ã¯éèŠã§ãããå®éã®ãŠãŒã¶ãŒãšäžç·ã«è©äŸ¡ããããšã«ã¯å€ãã®å©ç¹ããããŸããããšãã°ããµã€ããŸãã¯ããŒã«ããŠãŒã¶ãŒã«ãšã£ãŠå®éã«ã©ã®ããã«æ©èœããããåŠã³ãã¢ã¯ã»ã·ããªãã£ã®åé¡ãããããç解ããããšãã§ããŸãããŸãé害ã®ãããŠãŒã¶ãŒã幎é ã®ãŠãŒã¶ãŒãšäžç·ã«è©äŸ¡ããããšã§ãé©åæ§è©äŸ¡ã ãã§ã¯çºèŠãããªããŠãŒã¶ããªãã£ã®åé¡ãç¹å®ã§ããŸãã ä»åã¯é害ã®ãããŠ
ðïž Design MaterialsïŒã¿ããªã«åªãããã¶ã€ã³ãå±ããããWCAGãšã¯ïŒã¢ã¯ã»ã·ããªãã£ã®ååããã¶ã€ããŒã®ããã®ããŒã«ããªãœãŒã¹
Webã¢ã¯ã»ã·ããªãã£ãšã¯ãé害ãæã€äººã ãWebã䜿çšã§ããããšãæå³ããŸããäžçäžã§13å人ïŒ5人ã«1人ïŒãäœããã®é害ãæ±ããŠç掻ããŠããŸãã ä»åã¯ä»¥åã玹ä»ãããã§ãã¯ãªã¹ãã«å ããã¢ã¯ã»ã¹ããããåªããWebãµã€ããšã¢ãã€ã«ã€ã³ã¿ãŒãã§ã€ã¹ã®äœæãä»ããéå§ããããã«äœ¿çšã§ãã10ã®ååããŸããã¶ã€ããŒã®ããã®ããŒã«ããŸããªãœãŒã¹ãã玹ä»ããŸãã WCAGãšã¯ïŒWCAGã¯ãWeb Content Accessibility Guidelinesã®ç¥ã§ãããã¯W
ã¿ããªã«åªãããã¶ã€ã³ãå±ããããWebã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ãšãã§ãã¯ãªã¹ãããã¬ãŒã³è³æ
Webã¢ã¯ã»ã·ããªãã£ãšã¯ãé害ãæã€äººã ãWebã䜿çšã§ããããšãæå³ããŸããèŠããŠããããããšã¯ãäžçäžã§13å人ïŒ5人ã«1人ïŒãäœããã®é害ãæ±ããŠç掻ããŠãããšããããšã§ãã ã¢ã¯ã»ã·ããªãã£ãšã¯ïŒ ã¢ã¯ã»ã·ããªãã£ã«ã¯ä»ã«ããå©çšã®ããããããªã©ãšèš³ãããŠããŸãã äžè¬çã«ã¯ãŠãŒã¶ãŒããã©ãããã©ãŒã ããµãŒãã¹ãåæ»ã«å©çšã§ããããšãæå³ããŸãã ã¢ã¯ã»ã·ããªãã£ã¯ãã¬ã€ãã©ã€ã³ã«åºã¥ãå質ã®ããšãæããŠããŸãã ã¢ã¯ã»ã·ããªãã£ãèããäžã§ããŠãŒã¶ãŒã®å€æ§æ§ïŒ
ðïž Design Materials ïŒã¢ã¯ã»ã·ããªãã£ã»ããŒã«
è¿å¹Žãé²èŠ§ãã人ã®å±€ãåºãããããã€ã¹ãå€æ§åããããšã«ãã£ãŠããããã¯ããäœãäžã§ãã¢ã¯ã»ã·ããªãã£ã«ã€ããŠæèããããšãéèŠãããŠããŸããã誰ãããã©ã®ããã€ã¹ãå©çšãããŠããŠããã³ã³ãã³ããèŠãããããããããããããããšãéèŠãªããã·ã§ã³ãšãããŠããããã§ããã¢ã¯ã»ã·ããªãã£ãéèŠãããŠãããµã€ãã¯èª°ãã䜿ããããããã«äŒæ¥ããŸããããã¯ãã®ã€ã¡ãŒãžã¢ããã«ãã€ãªãããŸãã 2016幎ã«ãé害è å·®å¥è§£æ¶æ³ããæœå·¥ãããããšããã£ããã«ãªããå ¬å ±æ©é¢ã®Webãµã€ãã ã