நிற மாறுபாடு சரிபார்ப்பான்

முன்னணி மற்றும் பின்னணி நிறங்களுக்கிடையேயான மாறுபாடு விகிதத்தை சோதித்து அணுகலுக்கு உறுதிசெய்க.

1.00:1
மாறுபாடு
Fail
மிகவும் மோசமானது

சாதாரண உரை

AA (4.5:1)
AAA (7:1)

பெரிய உரை

AA (3:1)
AAA (4.5:1)
White
#ffffff
Shamrock
#33cc99

விரைவு சரிசெய்தல்கள்

Aa

முன்னோட்ட தலைப்பு

வேகமான பழுப்பு நரி சோம்பேறி நாயின் மீது குதிக்கிறது

சிறிய உரை எடுத்துக்காட்டு (12px)

உரை
#ffffff
பின்புலம்
#33cc99

WCAG தரநிலைகள்

Level AA

சாதாரண உரைக்கு குறைந்தபட்ச மாறுபாடு விகிதம் 4.5:1 மற்றும் பெரிய உரைக்கு 3:1. பெரும்பாலான வலைத்தளங்களுக்கு தேவை.

Level AAA

சாதாரண உரைக்கு மேம்பட்ட மாறுபாடு விகிதம் 7:1 மற்றும் பெரிய உரைக்கு 4.5:1. சிறந்த அணுகலுக்காக பரிந்துரைக்கப்படுகிறது.

அனைத்து எழுத்து அளவுகளுக்கும் போதுமான மாறுபாடு இல்லை - WCAG தரநிலைகளை பூர்த்தி செய்யவில்லை.

நிற மாறுபாடு சரிபார்ப்பான்

உரை மற்றும் பின்னணி நிறங்களின் மாறுபாடு விகிதத்தை கணக்கிடுங்கள்.

உரை மற்றும் பின்னணி நிறத்திற்காக நிறத்தை தேர்ந்தெடுக்க நிற தேர்வியை (Color Picker) பயன்படுத்தவும் அல்லது RGB ஹெக்ஸாடெசிமல் வடிவத்தில் (#259 அல்லது #2596BE போன்ற) ஒரு நிறத்தை உள்ளிடவும். நிறத்தை தேர்ந்தெடுக்க ஸ்லைடரை சரிசெய்யலாம். வலை உள்ளடக்க அணுகல் வழிகாட்டுதல்கள் (WCAG) பார்வையுடைய பயனர்களுக்கு உரை படிக்கக்கூடியதா என்பதை கண்டறிய ஒரு குறிப்பிட்ட வழிகாட்டுதலை கொண்டுள்ளது. இந்த அளவுகோல் ஒரு குறிப்பிட்ட காற்புள்ளியைப் பயன்படுத்தி நிற சேர்க்கைகளை ஒப்பிடக்கூடிய விகிதங்களாக வரைபடம் செய்யும். இந்த சூத்திரத்தைப் பயன்படுத்தி, WCAG உரை மற்றும் அதன் பின்னணியுடன் 4.5:1 நிற மாறுபாடு விகிதம் சாதாரண (உடல்) உரைக்கு போதுமானது என்று கூறுகிறது, மேலும் பெரிய உரை (18+ pt சாதாரண, அல்லது 14+ pt தடித்த) குறைந்தபட்சம் 3:1 நிற மாறுபாடு விகிதம் கொண்டிருக்க வேண்டும்.

முக்கிய அம்சங்கள்

  • உண்மையான நேர மாறுபாடு விகித கணக்கீடு
  • WCAG AA & AAA இணக்கத்தன்மை சரிபார்ப்பு
  • நுணுக்கமாக அமைக்க HSL ஸ்லைடர்கள்
  • பல முன்னோட்ட வடிவங்கள்

மேம்பட்ட கருவிகள்

  • தானியங்கி நிற சரிசெய்தல்
  • எழுத்து மற்றும் பின்னணி மாதிரிகள்
  • நிற பெயர் கண்டறிதல்
  • முடிவுகளை ஏற்றுமதி செய்