ቀለሞችዎን ያረጋግጡ
የቀለም ጥምረቶችን ለመሙከር የWCAG አካል መጠን ያሟላሉ እንደሚሆኑ ያረጋግጡ።
1.00:1
መለዋወጫ
አልተሳካም
በጣም ዝቅተኛ
መደበኛ ጽሑፍ
AA (4.5:1)
አልተሳካም
AAA (7:1)
አልተሳካም
ትልቅ ጽሑፍ
AA (3:1)
አልተሳካም
AAA (4.5:1)
አልተሳካም
ፈጣን መስተካከል
Aa
የቅድመ እይታ ርዕስ
ፈጣን ቡናማ ቀበሮ በሰነፍ ውሻ ላይ ይዘልቃል
ትንሽ ጽሑፍ ምሳሌ (12px)
ጽሑፍ
#000000
ጀርባ
#2596be
የWCAG መስፈርቶች
ደረጃ AA
ለመደበኛ ጽሑፍ የተወሰነ መለዋወጫ መጠን 4.5:1 እና ለትልቅ ጽሑፍ 3:1። ለአብዛኛው ድህረ ገጾች ያስፈልጋል።
ደረጃ AAA
ለመደበኛ ጽሑፍ የተሻለ መለዋወጫ መጠን 7:1 እና ለትልቅ ጽሑፍ 4.5:1። ለተመጣጣኝ አካል መጠን ይመከራል።
ለሁሉም የጽሑፍ መጠን የበቂ ኮንትራስት የለም - የWCAG መስፈርቶችን አልተመለከተም።
የቀለም መለያ መርምረት
የጽሑፍ እና የጀርባ ቀለሞች መለዋወጫ መጠን ይሂሉ።
ለጽሑፍ እና የጀርባ ቀለም ቀለም ለመምረጥ የቀለም መምሪያውን ይጠቀሙ ወይም ቀለም በRGB ሂክሳዴሲማል ቅርጸት ያስገቡ (ለምሳሌ፣ #259 ወይም #2596BE)። ቀለም ለመምረጥ ማስተካከያውን ማለፊያ ማስተካከያ ይቀይሩ። የድህረ ገጽ ይዘት እንደሚያነብ እንደሚያደርግ ለማወቅ የሚረዳ የተወሰነ መመሪያ አለው። ይህ መመሪያ ቀለም ጥምረቶችን ወደ ተመጣጣኝ መጠኖች ለማስላት አንድ ልዩ አልጎሪዝም ይጠቀማል። በዚህ መሠረት፣ WCAG እንደሚለው ከጽሑፍ እና ከጀርባው ጋር የቀለም መለዋወጫ መጠን 4.5:1 ለመደበኛ (አካል) ጽሑፍ የበቂ ነው፣ እና ትልቅ ጽሑፍ (18+ ነጠላ ወይም 14+ ድፍረት) ቢያንስ 3:1 የቀለም መለዋወጫ መጠን ሊኖረው ይገባል።
ቁልፍ ባህሪዎች
- በእውነተኛ ጊዜ የኮንትራስት መጠን ሂሳብ
- የWCAG AA & AAA መስፈርቶች ምርመራ
- ለበለጠ ማስተካከያ የHSL ስላይደሮች
- በርካታ የቅድመ እይታ ቅርጸቶች
የላቀ መሳሪያዎች
- ራስ-ሰር የቀለም ማስተካከያ
- የጽሑፍ እና የጀርባ ናሙናዎች
- የቀለም ስም መለየት
- ውጤቶችን ላክ
በተደጋጋሚ የሚጠየቁ ጥያቄዎች
ለWCAG AA ተገዢነት መደበኛ ጽሑፍ ቢያንስ 4.5:1 የንፅፅር ጥምርታ ያስፈልገዋል፣ ትልቅ ጽሑፍ (18pt ወይም 14pt ደማቅ) ደግሞ 3:1 ያስፈልገዋል።
WCAG AAA ከፍተኛ የንፅፅር ጥምርታ ይፈልጋል፦ ለመደበኛ ጽሑፍ 7:1 እና ለትልቅ ጽሑፍ 4.5:1፣ AA ግን በቅደም ተከተል 4.5:1 እና 3:1 ነው።
የዲዛይንዎን ዓላማ እንደጠበቀ ጽሑፍ ወይም የጀርባ ቀለሞችን ለማስተካከል የእኛን አውቶማቲክ ማስተካከያ ባህሪ ይጠቀሙ፣ ወይም ለAA/AAA ተገዢነት ተስማሚ ዞኖችን በሚያሳዩ የእይታ ጠቋሚዎች የHSL ተንሸራታቾችን በመጠቀም በእጅ ያስተካክሉ።
አረንጓዴ ዞኖችና የAA/AAA ምልክቶች የWCAG ተገዢነትን ለማግኘት ተስማሚ ክልሎችን ያሳያሉ። የአቅጣጫ ፍንጮቹ (ቀላል/ጨለማ) በአሁኑ የቀለም ጥምረትዎ መሰረት ወደ የተሻለ ንፅፅር ይመሩዎታል።
አዎ፣ ማንኛውንም የሄክስ ቀለም ኮድ ማስገባት ወይም የቀለም መራጩን በመጠቀም የራስዎን ቀለሞች መምረጥ ይችላሉ። URL በራስ-ሰር ስለሚዘምን የተወሰኑ የቀለም ጥምረቶችን ማጋራት ይችላሉ።