æ¡çšåããŠã§ãã¢ã¯ã»ã·ããªãã£ãã¹ã
éçºè ãæ¥åžžçãªãŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã®ã¢ã¯ã»ã·ããªãã£äžã®åé¡ã確èªããå®è·µçãªä¿®æ£æ¡ãéžã¶æ¹æ³ãã芧ãã ããã
- 10å
- 15å
- äžçŽ
- éžæåŒ
- è±èªã®åé¡
- ã¹ããŒããã©ã³ã»ãã¹ã¯ããã
ç°¡åã«èšããš
Web Accessibility for Developersãã¹ãã¯ãããã³ããšã³ãã»ãŠã§ãéçºè ãã¢ã¯ã»ã·ããªãã£ãšã³ãžãã¢ãUIãšã³ãžãã¢ãã³ãŒãã£ã³ã°ãè¡ããŠã§ããã¶ã€ããŒããŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ããã¹ãããQAãšã³ãžãã¢ã察象ãšããäžçŽã®æéå¶è©äŸ¡ã§ããåéšè ã¯ãçãHTMLãCSSãJavaScriptã®ã³ãŒãäŸãç£æ»çµæããŠãŒã¶ãŒã®å©çšã·ããªãªã確èªããã¢ã¯ã»ã·ãã«ãªã€ã³ã¿ãŒãã§ãŒã¹ã«é¢ããä¿®æ£æ¡ã倿ãéžã³ãŸãã
枬å®ããå 容
ããŒããŒããã¹ã¯ãªãŒã³ãªãŒããŒãæ¡å€§è¡šç€ºãªã©ã®æ¯æŽæè¡ã§ãŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ãå©çšã§ãããããHTMLãCSSãJavaScriptãäœæã»ã¬ãã¥ãŒããŸãã
ã¢ã¯ã»ã·ãã«ãªHTML
åéšè ã¯ãã»ãã³ãã£ãã¯ãªããŒã¯ã¢ãããšãããŒããŒããæ¯æŽæè¡ã§äœ¿ãã€ã³ã¿ãŒãã§ãŒã¹ãHTMLã§ã©ãæ¯ããããæ€èšããŸãã
ã¢ã¯ã»ã·ãã«ãªCSS
åéšè ã¯ãæ¡å€§è¡šç€ºããã®ä»ã®æ¯æŽæè¡ã§äœ¿ãã€ã³ã¿ãŒãã§ãŒã¹ã®ã¹ã¿ã€ãªã³ã°ãæ€èšããŸããã³ã³ãã©ã¹ãã«é¢ããåé¡ã§ã¯ãæž¬å®æžã¿ã®æ¯çã衚ã§ç€ºãããŸãã
åçã³ã³ãã³ããšARIA
åéšè ã¯ããŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã®ã€ã³ã¿ã©ã¯ãã£ããªãŠã£ãžã§ãããã©ã€ãæŽæ°ãJavaScriptãšARIAã®äœ¿ãæ¹ãæ€èšããŸãã
ã¢ã¯ã»ã·ããªãã£ã®ååãšãã¹ã
åéšè ã¯ãæ¥åžžçãªãŠã§ãéçºã®ã·ããªãªã«WCAG 2.2ãšã¢ã¯ã»ã·ããªãã£ãã¹ããé©çšããŸãã
åé¡åœ¢åŒ
éžæåŒ
åè£è ïŒ çãç¶æ³èª¬æã衚ããŸãã¯æãèªã¿ãæ£è§£ãŸãã¯ãã¹ãŠã®æ£è§£ãéžã³ãŸãã
確èªã§ããå å®¹ïŒ åè£è ãå 容ãèªèããã ãã§ãªããå®éã«æŽ»çšã§ããã»ã©çè§£ããŠããããæž¬å®ããŸãã
10åã§åé¡15åã1åãã€åºé¡
ãã®ãã¹ãã«é©ããè·çš®
ããã³ããšã³ãã»ãŠã§ãéçºè ãã¢ã¯ã»ã·ããªãã£ãšã³ãžãã¢ãUIãšã³ãžãã¢ãã³ãŒãã£ã³ã°ãè¡ããŠã§ããã¶ã€ããŒããŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã®ã¢ã¯ã»ã·ããªãã£ããã¹ãããQAãšã³ãžãã¢ã
ãã®ãã¹ãã§ãããããš
å®è·µçãªã³ãŒãã¬ãã¥ãŒ
çãHTMLãCSSãJavaScriptã®ã³ãŒãäŸãéããŠãå¿åè ãã¢ã¯ã»ã·ããªãã£äžã®åé¡ã«ã©ã®ãããªä¿®æ£æ¡ãéžã¶ãã確èªã§ããŸããå±¥æŽæžã«æžããããŠã§ãéçºçµéšã ãã§ã¯åãããªãç¹ãè©äŸ¡ã§ããŸãã
æ¥åžžçãªã€ã³ã¿ãŒãã§ãŒã¹ã§ã®å€æå
ãŠãŒã¶ãŒã®å©çšã·ããªãªãç£æ»çµæãããå¿åè ãç»é²ãã©ãŒã ãååäžèЧãããã·ã¥ããŒãã«ã€ããŠã©ã®ããã«èããããåãããŸãã
æ¯æŽæè¡ã§ã®å©çšã«é¢ããè©äŸ¡
ãã®ãã¹ãã§ã¯ãã€ã³ã¿ãŒãã§ãŒã¹ã確èªããéã«ãéçºè ãããŒããŒããã¹ã¯ãªãŒã³ãªãŒããŒãæ¡å€§è¡šç€ºããã®ä»ã®æ¯æŽæè¡ãèæ ®ã§ããããæž¬ããŸãã
äžè²«æ§ã®ããåé¡èšå®
åãããããæžãããã³ãŒããšæž¬å®æžã¿ã®ã³ã³ãã©ã¹ãæ¯ãçšããããšã§ãè²ãç®ã§èŠãŠå€æããå¿ èŠããªããç¹å®ã®ãã©ãŠã¶ãŒã®æåãã¹ã¯ãªãŒã³ãªãŒããŒã®ãã©ã³ããæ £çšè¡šçŸãå°ååºæã®ç¥èã«ãäŸåããŸããã
åè£è ããšã«åŸãããå 容
- ãã¹ãäžããã¹ãã®ã¿ããé¢ããã«åéš
- åçã®è²Œãä»ããªã
- äžå®ã®ããŒã¹ã§åç
ã¹ã³ã¢ããããã£ãŒã«ãIntegrity Scoreã®ã·ã°ãã«ã¯ã颿¥ãšããããŠç¢ºèªããããã®æ å ±ã§ããèªåçãªå€æã«ã¯äœ¿ãããŸããã
ãã®ãã¹ããç¡æã§å©çš
ãã¹ãã®å®å šæ§ã瀺ãã·ã°ãã«
åéšè ããšã«ãå€§èŠæš¡ãªåé¡ããŒã«ããç°ãªãåé¡ãšåºé¡é ãå²ãåœãŠãããéžæè¢ã®é çªãå ¥ãæ¿ãããŸãããã©ãŠã¶ãŒã«ã¯äžåºŠã«1åãã€è¡šç€ºãããæ£çããŒã¿ã¯HireValidã®ãµãŒããŒäžã«ä¿ç®¡ãããŸããæéã¯ãµãŒããŒã§èšæž¬ãããŸããããŒãžãåèªã¿èŸŒã¿ãããšãæ®ãæéãšãšãã«åãåé¡ã衚瀺ãããŸããåéšè ã¯åã®åé¡ã«æ»ããŸãããããã¹ãã®ã³ããŒãéžæã¯ã§ãããã³ããŒã黿¢ãã詊ã¿ã¯ã¿ã€ã ã©ã€ã³ã«èšé²ãããŸããåå¥ã®æåŸ ãªã³ã¯ã«ã¯æå¹æéããããå®äºãããã¹ããååéšããããšã¯ã§ããŸãããHireValidã¯ããã¹ãã¿ããé¢ããŠããæéãåçæ¬ãžã®è²Œãä»ããéåžžããæ¥µç«¯ã«éãåçãªã©ã®ã·ã°ãã«ãèšé²ããéçšäž»ã確èªã§ããããIntegrity ScoreãšèšŒæ ã¿ã€ã ã©ã€ã³ã«ãŸãšããŸããåè£è ã®åæãããã°ãéçšäž»ã¯ã©ã³ãã ãªã¿ã€ãã³ã°ã§ãŠã§ãã«ã¡ã©ã®åçã远å ã§ããŸããã·ã¹ãã ãåç¬ã§å€æãäžãããšã¯ãããŸããããã¹ãã®äœææ¹æ³ãã芧ãã ããã
AIã«ããäžæ£ãé²ãæ¹æ³ · èª å®æ§ã«é¢ããã·ã°ãã«
ã¹ã³ã¢ã倿ææãšããŠæŽ»çš
ã¹ã³ã¢ã ãã§å€æãããå®å課é¡ã®çµæãæ§é å颿¥ãšããããŠç¢ºèªããŠãã ãããå®å課é¡ã§ã¯ãå¿åè ã«ãŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã確èªããŠããããä¿®æ£æ¡ã説æããŠãããæ¹æ³ããããŸãããã®èãæ¹ãããã¹ãã®ã³ãŒãäŸãç£æ»çµæãšæ¯èŒããŠãã ãããHTML5ãCSSãReactã®ãã¹ãã§æ±ãé¢é£ã¹ãã«ãåèã«ã§ããŸãã
æ§é å颿¥ã®è³ªå
ããŒããŒãã§æäœã§ããããç»é²ãã©ãŒã ãã©ã®ããã«ç¢ºèªããŸããïŒ
æç¢ºãªç¢ºèªæé ãã€ã³ã¿ãŒãã§ãŒã¹ã«é¢ããå ·äœçãªèª¬æãææ¡ããä¿®æ£ãå¿åè ãã©ã®ããã«èª¬æããæ€èšŒãããã«æ³šç®ããŠãã ããã
ã¢ã¯ã»ã·ããªãã£äžã®åé¡ãèŠã€ããŠããŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã倿Žããçµéšã«ã€ããŠæããŠãã ããã
åé¡ç¹ãHTMLãCSSãJavaScriptã®å€æŽå 容ãå¿åè ãçµæãã©ã®ããã«è©äŸ¡ãããã«æ³šç®ããŠãã ããã
ã¹ã¯ãªãŒã³ãªãŒããŒã®å©çšè ã«ãšã£ãŠåããã«ããã©ã€ãæŽæ°ããã©ã®ããã«èª¿æ»ããŸããïŒ
åçã³ã³ãã³ããžã®é æ ®ãARIAã®åœ¹å²ãæŽæ°ããã€ã³ã¿ãŒãã§ãŒã¹ã®ãã¹ãæ¹æ³ã«æ³šç®ããŠãã ããã
ã¹ã³ã¢ãšãã³ãããŒã¯ãçè§£ãã
å ¬å¹³æ§ãšé æ ®æªçœ®
åé¡ã«ã¯ãçãåãããããæžãããã³ãŒãããç»é²ãã©ãŒã ãååäžèЧãããã·ã¥ããŒããªã©æ¥åžžçãªãŠã§ãããŒãžã䜿ããŸããæ £çšè¡šçŸãé貚èšå·ãå°ååºæã®ç¥èã¯å¿ èŠãããŸãããç¹å®ã®ãã©ãŠã¶ãŒãã¹ã¯ãªãŒã³ãªãŒããŒã®ãã©ã³ãç¹æã®æåã«ãäŸåããŸãããè²ã ãã§äŒããæ å ±ã¯ãªããã³ã³ãã©ã¹ãã«é¢ããåé¡ã§ã¯æž¬å®æžã¿ã®æ¯çã衚ã§ç€ºããããããåéšè ãè²ãç®ã§èŠãŠå€æããå¿ èŠã¯ãããŸããã
é æ ®æªçœ®ãšããŠãåè£è ã«è¿œå ã®æéãäžããããšãã§ããŸããçµæã¯äººã確èªããããã®æ å ±ã§ãããèªåçã«å€æãäžããã®ã§ã¯ãããŸããã
æ«å®å€ïŒåéšè 200人ãå®äºããæç¹ã§ä¿¡é Œæ§ãå ±åããŸãã
ãã¹ãã®è©³çް
é害ã®ãã人ã䜿ãããŠã§ãããŒãžãã¢ããªããéçºè ãã©ãã ãé©åã«æ§ç¯ã§ããããæž¬ãæéå¶ãã¹ãã§ããåéšè ã¯ãçãHTMLãCSSãJavaScriptã®ã³ãŒãäŸãç£æ»çµæããŠãŒã¶ãŒã®å©çšã·ããªãªãèªã¿ãã¢ã¯ã»ã·ããªãã£ã«é æ ®ããçµéšè±å¯ãªéçºè ãªãéžã¶ã§ãããä¿®æ£æ¡ã倿ãéžã³ãŸããã»ãã³ãã£ãã¯ãªããŒã¯ã¢ãããã¹ã¿ã€ãªã³ã°ãã€ã³ã¿ã©ã¯ãã£ããªãŠã£ãžã§ãããã©ã€ãæŽæ°ãæ¥ã ã®æ¥åã§ã®WCAG 2.2ã®é©çšãæ±ããŸãã
- åé¡ã¯è±èªã§ãã
- è£å©ããŒã«ã¯äžèŠã§ãã
- å質åã«é çªã«äžåºŠãã€åçããŸããåã®è³ªåã«æ»ãããšã¯ã§ããŸããã
- æéå¶éä»ããã¹ãã®åã«ãç·Žç¿åé¡4åïŒ4åïŒ
WCAG, WAI-ARIAã¯åææè ã®åæšã§ããHireValidã¯åææè ãšææºããŠããããæšèŠãåããŠããŸããã
ãããã質å
Web Accessibility for Developersãã¹ãã§ã¯ãå ¬å¹³æ§ã«ã©ã®ããã«é æ ®ããŠããŸããïŒ+
åé¡ã«ã¯ãçãåãããããæžãããã³ãŒãããç»é²ãã©ãŒã ãååäžèЧãããã·ã¥ããŒããªã©èº«è¿ãªããŒãžã䜿ããŸããç¹å®ã®ãã©ãŠã¶ãŒãã¹ã¯ãªãŒã³ãªãŒããŒã®ãã©ã³ãã«ã¯äŸåãããè²ã ãã§æ å ±ãäŒããããè²ãç®ã§èŠãŠå€æããããããããšã¯ãããŸãããã³ã³ãã©ã¹ãæ¯ã¯è¡šã§ç€ºãããŸãã
Web Accessibility for Developersãã¹ãã§ã¯ãè£å©ããŒã«ã䜿ã£ãããåã®åé¡ã«æ»ã£ããã§ããŸããïŒ+
è£å©ããŒã«ã¯äœ¿çšã§ãããåéšè ã¯åã®åé¡ã«æ»ããŸããããã¹ãã«ãã¹ã¯ãããããœã³ã³ã¯å¿ èŠãããŸãããåé¡ã®åœ¢åŒã確èªãããããå¥ã®ç·Žç¿åé¡ã»ããïŒ4åã4åïŒã«åãçµãããšãã§ããŸãã
Web Accessibility for Developersãã¹ãã¯ãã©ã®å¿åè ã«é©ããŠããŸããïŒ+
ããã³ããšã³ãã»ãŠã§ãéçºè ãã¢ã¯ã»ã·ããªãã£ãšã³ãžãã¢ãUIãšã³ãžãã¢ãã³ãŒãã£ã³ã°ãè¡ããŠã§ããã¶ã€ããŒããŠã§ãã€ã³ã¿ãŒãã§ãŒã¹ã®ã¢ã¯ã»ã·ããªãã£ããã¹ãããQAãšã³ãžãã¢ã®å¿åè ã察象ãšããäžçŽãã¹ãã§ãã
Web Accessibility for Developersãã¹ãã§ã¯ãåè£è ã¯äœãããŸããïŒ+
åéšè ã¯10åéã§ãçãHTMLãCSSãJavaScriptã®ã³ãŒãäŸãç£æ»çµæããŠãŒã¶ãŒã®å©çšã·ããªãªã«åºã¥ã15åã®éžæåŒåé¡ã«åçããŸãããŠã§ãã¢ã¯ã»ã·ããªãã£ã«é¢ããå®è·µçãªä¿®æ£æ¡ã倿ãéžã³ãŸãã
é¢é£ãã¹ã
HTML5
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠãFlask
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠãAngular
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠãShopify
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠãReact
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠãCSS
10åãããã°ã©ãã³ã°ã¹ãã«
詳ããèŠã次åã®æ¡çšã§éçºè åãWebã¢ã¯ã»ã·ããªãã£ãã¹ããæŽ»çšããŸããã
Freeãã©ã³ã«ã¯å¿ é ãã¹ã5çš®ãå«ãŸããææãã©ã³ã«ã¯ãã¹ãŠã®ãã¹ãã©ã€ãã©ãªãå«ãŸããŸãã