åŠäœæ£æ¥é¢è²å¯¹æ¯åºŠä»¥ç¡®ä¿å¯è®¿é®æ§ïŒ
æ ¹æ®WCAGæ 忣æ¥åäŒåé¢è²å¯¹æ¯åºŠç宿޿åãå·¥å ·ãæ¹æ³åæäœ³å®è·µã
è¯çšæä»¬çå èŽ¹å·¥å ·
æ éæ³šåïŒ100% æ¬å°å€çã
çœç»å¯è®¿é®æ§äžåæ¯å¯éçââå®åšè®žå€åœå®¶æ¯æ³åŸä¹å¡ïŒæéèŠçæ¯ïŒå®æ¯å¯¹ææçšæ·çé執莣任ãé¢è²å¯¹æ¯åºŠæ¯è§è§å¯è®¿é®æ§æåºæ¬çæ åä¹äžã
å šç纊æ3äº¿äººæ£æè§åéç¢ã逿€ä¹å€ïŒè¿ææ°çŸäžçšæ·åšæ¬¡äŒæ¡ä»¶äžæµè§çœç»ïŒé³å äžçææºå±å¹ã䞺èççµæ± èéäœç亮床çã
æ¬æåæäœ æ£æ¥åçº æ£é¢è²å¯¹æ¯åºŠçå ·äœæ¹æ³ã
ç®åœ
åŠäœçšå¥œ color-contrast
color-contrast å¯å å¿«é¢è²åè§è§å·¥äœæµçšã
以äžå»ºè®®æ¶µç accessibility çšäŸãèŸåºèŽšé以åäžçœé¡µé¡¹ç®çäžèŽæ§ã
åªé 3 æ¥å³å¯å®ææäœ
æåŒæä»¬ç对æ¯åºŠæ£æ¥å·¥å ·ïŒèŸå ¥ææ¬é¢è²åèæ¯é¢è²ã
æ¥çæŸç€ºçæ¯çå笊å级å«ãç»¿è² = 笊åAAãé»è² = ä» å¯¹å€§ææ¬ç¬Šåãçº¢è² = äžåæ Œã
åŠæç»æäžè¶³ïŒäœ¿çšå»ºè®®çè°æŽææåšä¿®æ¹é¢è²çŽå°èŸŸå°è³å°4.5:1ã
对讟计äžçæ¯äžªææ¬/èæ¯ç»åéå€ãè®°åœç»æã
äœ¿çšæä»¬çæš¡æåšå®æè²ç²æµè¯ã
äžäžæå·§
- å°äž»è²ä¿å䞺å¯å€çšåéã
- åšç§»åšç«¯ãæ¡é¢ç«¯ãæµ è²åæ·±è²æš¡åŒäžæµè¯ã
èŠé¿å çåžžè§é误
- âä» äŸèµè§è§å€è§èäžæµé对æ¯åºŠæ¯çã
- âæ¯é¡µåªæµè¯äžäžªç»åïŒå¿è®°ç¶æïŒæ¬åãçŠç¹ãçŠçšïŒã
- â応è§åŸåŸææé®é¢çæ¬¡èŠææ¬ïŒåŠå äœç¬Šãæ é¢ãèæ³šã
çžå ³å·¥å ·
åžžè§é®é¢
çžå ³æç«
color-contrastïŒaccessibilityå®çšæå
æ¬å°åæåïŒåž®å©äœ äœ¿çš color-contrastãçè§£ accessibility æäœ³å®è·µå¹¶é¿å åžžè§é误ã
䞺ä»ä¹æäºé¢è²äŒå¯ŒèŽå±å¹çŒç²å³ïŒ
äºè§£äžºä»ä¹æäºé¢è²äŒåŒèµ·è§è§ç²å³ïŒä»¥ååŠäœäžºæšçæ°å项ç®éæ©èéçè²è°ã
color-contrastïŒaccessibilityå®çšæå
æ¬å°åæåïŒåž®å©äœ äœ¿çš color-contrastãçè§£ accessibility æäœ³å®è·µå¹¶é¿å åžžè§é误ã
åå€å¥œè¯è¯äºåïŒ
æä»¬çå·¥å ·å èŽ¹ãæ éæ³šåïŒå¹¶å°éäœ çéç§ã
ç«å³è¯è¯ é¢è²å¯¹æ¯åºŠæ£æµå𠿣æ¥WCAGæ éç¢å¯¹æ¯åºŠAA AAAæ¯åŠåè§