Contrast Checker በሁለት ቀለሞች መካከል ያለውን WCAG 2.1 የንፅፅር መጠን ያሰላል እና ለመደበኛ እና ትልቅ ጽሑፍ በAA/AAA ደረጃዎች ላይ ውጤት ይሰጣል። የቀጥታ ቅድመ-እይታ ጽሑፍ በተመረጡት ቀለሞች ሲታይ ያሳያል፣ እና "የገጽ ዳራ ይምረጡ" አዝራር የአሁኑን ገጽ ናሙና ይወስዳል።
ተደራሽነት ከጊዜ ወደ ጊዜ አስፈላጊ እየሆነ መጥቷል — WCAG ተገዢነት በብዙ ግዛቶች ውስጥ ህጋዊ ግዴታ ነው፣ እና ግዴታ ባልሆነበት ቦታ እንኳ ደካማ ንፅፅር ተጠቃሚዎችን ያርቃል። Contrast Checker ማንኛውም ሁለት ቀለሞች የWCAG ደረጃዎችን የሚያሟሉ መሆናቸውን ወዲያውኑ ይነግርዎታል። Foreground እና background በcolor picker ይምረጡ ወይም hex እሴቶችን ይለጥፉ፤ መሳሪያው ኦፊሴላዊውን የWCAG luminance ቀመር በመጠቀም የንፅፅር መጠኑን ያሰላል እና በአራት ደረጃዎች ላይ ውጤት ይሰጣል፦ AA normal (≥4.5:1)፣ AA large (≥3:1)፣ AAA normal (≥7:1)፣ እና AAA large (≥4.5:1)። እያንዳንዱ ደረጃ ግልጽ የPass/Fail ባጅ ያሳያል። የቀጥታ ቅድመ-እይታ ትልቅ እና መደበኛ ጽሑፍን በተመረጡት ቀለሞች ስለሚያሳይ ትክክለኛውን ምስላዊ ተጽእኖ ማየት ይችላሉ። ምቹ አዝራር የአሁኑን ገጽ የbody background ናሙና ይወስዳል — በእውነተኛ ድረ-ገጽ ላይ ያለ የቀለም ጥምረት ማለፍ አለማለፉን ሲፈትሹ ጠቃሚ ነው። ሁሉም ነገር በአካባቢዎ ብቻ ስለሚሰራ ምንም መስቀል የለም።
የንፅፅር መጠንን ለማስላት ኦፊሴላዊውን የWCAG luminance ቀመር ይጠቀማል። ውጤቱ ትክክለኛ ሲሆን ከማንኛውም ተገዢ የተደራሽነት ማጣሪያ ጋር ይመሳሰላል።
ለAA normal (≥4.5:1)፣ AA large (≥3:1)፣ AAA normal (≥7:1)፣ AAA large (≥4.5:1) pass/fail — ሁሉም እንደ grid ይታያል።
በተመረጡት ቀለሞችዎ ትክክለኛ ትልቅ እና መደበኛ ጽሑፍ ስለሚያሳይ ከቁጥራዊው መጠን ጎን ለጎን ምስላዊ ተጽእኖውን ይመለከታሉ።
በአንድ ጠቅታ የአሁኑን ገጽ የተሰላ የbody background ቀለም ናሙና ይወስዳል — እውነተኛ-ዓለም ጥምረቶችን ለመፈተሽ ጠቃሚ ነው።
Hex እሴት ይተይቡ ወይም native color pickerን ይጠቀሙ። እሴቶች ማንኛውንም ሲያርትዑ በሁለቱም አቅጣጫ ይመሳሰላሉ።
በአንድ ጠቅታ foreground እና background ይገለብጣል — የተገለበጡ themes ወይም hover states ሲፈትሹ ጠቃሚ ነው።
የቀለም ፓሌት ከማጠናቀቅዎ በፊት እያንዳንዱን የጽሑፍ ቀለም ከዳራው ጋር WCAG AA ተገዢነትን ለማረጋገጥ ይፈትሹ — በኋላ ላይ እንደገና ከመስራት ያድናል።
በቀጥታ ድረ-ገጽ ላይ "የገጽ ዳራ ይምረጡ"ን ይጠቀሙ፣ ከዚያም ትክክለኛውን የጽሑፍ ቀለም ይለጥፉ — Lighthouse ሳይከፍቱ በደቂቃዎች ውስጥ a11y ጥሰቶችን ያግኙ።
አንድ ብራንድ a11yን ሊያልፍ የማይችል ቀለም ሲመርጥ፣ ቅርብ የሆነውን ተገዢ ስሪት (ጨለማ/ቀላል ጥላ) ለማግኘት ማጣሪያውን ይጠቀሙ።
የhover/active/disabled state ቀለሞች እንደ ነባሪው ብቻ ሳይሆን አሁንም የንፅፅር መስፈርቶችን ማሟላታቸውን ያረጋግጡ።
ጨለማ themes ብዙ ጊዜ ግራጫ-በግራጫ ጽሑፍ ላይ ንፅፅርን ያጣሉ። እነዚህን ለመያዝ በጣም ጨለማ ግራጫዎችዎን ከጣም ጨለማ ዳራዎችዎ ጋር ይፈትሹ።
በDevSuite Pro dock ውስጥ ያለውን Contrast አዶ ይጫኑ። Foreground እና background የቀለም መስኮች ያለው ፓነል ይከፈታል።
ለእያንዳንዱ color pickerን ይጠቀሙ ወይም hex እሴት ይለጥፉ። ቀለሞችን ሲቀይሩ የቀጥታ ቅድመ-እይታ ይዘምናል።
ትልቁ ቁጥር (ለምሳሌ 4.8:1) የንፅፅር መጠን ነው። ከፍ ያለ ይሻላል። 3 ዝቅተኛው ገደብ ነው፤ 4.5 ለመደበኛ ጽሑፍ ኢላማ ነው።
ለAA እና AAA፣ መደበኛ እና ትልቅ የጽሑፍ መጠኖች የPass/fail ባጆች ጥምረትዎ ለምን እንደሚያልፍ በአንድ እይታ ያሳያሉ።
ካላለፈ ቀለሞችን ያስተካክሉ። ኢላማው ደረጃ Pass እስኪያሳይ ድረስ foregroundን ያጨልሙ ወይም backgroundን ያብሩ (ወይም በተቃራኒው)።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
