- éå¶ããŠããã¯ãªãšã€ã¿ãŒ
#ã¢ã¯ã»ã·ããªãã£
ðïž 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ïŒæ©èœçãªãã©ã·ãŒãæããªã人ã ã®ããã®UXã©ã€ãã£ã³ã°Easy Englishãšã¯ïŒ
ã€ã³ã¯ã«ãŒã·ãã¯å æ¬çãšããæå³ã§ãäžäººã®ããŒãºã«å¯Ÿå¿ããå æ¬çãªãã¶ã€ã³ãæœããšããæå³ã§äœ¿çšãããŠããŸããããŸããŸãªæ©é¢ã§é害ã®ããæ¹ã ã®ç€ŸäŒåå ã«åãããã¶ã€ã³ã®ç 究ãªã©ãç 究ãããŠããŸãã UXãã¶ã€ããŒã«ãšã£ãŠãã©ã€ãã£ã³ã°ã»ã¹ãã«ããããããšã倧åãªçŸ©åã ãšèšãããŠããŸããããã¯ãŠãŒã¶ãŒãããžã¿ã«ãµãŒãã¹ãæäœããéã«å¿ èŠãšãªãããã¹ããæžãæè¡ã§ãããããŠãã¶ã€ããŒã«ãšã£ãŠã¢ã¯ã»ã·ãã«ã§ç解ããããèšèã§æžãããšããšãŠã倧åã§ãã æè¿ããEasy Engl
ðïž 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ïŒã€ã³ã¿ãŒã»ã¯ã·ã§ããªãã£ãšã¯ïŒâšäº€å·®æ§ãç解ããããšããå§ãããã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ã
ã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ãšã¯ããŠãŒã¶ãŒã®å€æ§ãªèŠç¹ãæ°ãã«çºèŠããã§ããã ãå€ãã®äººã䜿çšã§ããããã«ãã¶ã€ã³ããŸãã¢ãŠããããã«çãããã¶ã€ã³ã®ããã»ã¹ã§ãã ããžã¿ã«ãããã¯ããžã®ã¢ã¯ã»ã¹ããå¥ã®æ¹æ³ã§ã®äœ¿çšã«åé¡ãããå¯èœæ§ã®ãããŠãŒã¶ãŒãèªèããããšããå§ãŸããããžã¿ã«ãããã¯ãã人ã ãã©ã®ããã«æåããŠããããèªèãç¶ãããŸã§ç¶ããŸãã ããã«ä»ãå ããã€ã³ã¿ãŒã»ã¯ã·ã§ããªãã£ãšã¯ãå人ã®ã¢ã€ãã³ãã£ãã£ãè€æ°çµã¿åãããããšã«ãã£ãŠèµ·ããç¹æã®å·®å¥ãæå§ãç解ã
ðïž 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ãµã€ãã ã
ðïž Design Materials ïŒãã¶ã€ã³è³æïŒã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ â ã§ããã ãå€ãã®äººãåã蟌ãããšããŽãŒã«ãšãããã¶ã€ã³ææ³
Solve for one, extend to many 倧è¡ãã¿ãŒã²ããã«ããã®ã§ã¯ãªããäžäººã«å¯ŸããŠãã¶ã€ã³ãããåé¡è§£æ±ºçã瀟äŒã«åºãã£ãŠãã⊠ã€ã³ã¯ã«ãŒã·ãã»ãã¶ã€ã³ãšã¯ïŒ ã€ã³ã¯ã«ãŒã·ãã»ãã¶ã€ã³ã¯ããŠãŒã¶ãŒã®å€æ§æ§ïŒé«éœ¢è ãéããè ãå€åœäººãªã©ïŒãç解ããããšãéµãšãªã£ãŠããŸããèœåãããŒãºãé¡æãªã©ã«æ§ã ãªããªãšãŒã·ã§ã³ããããããããç解ããããšã«ãã£ãŠææ決å®ã®æ å ±ãæäŸããã§ããã ãå€ãã®äººãåã蟌ãããšããŽãŒã«ãšãããã¶ã€ã³ææ³ã®ããšã§ãã