LibraTool logoLibraTool

இலவச WCAG நிற மாறுபாடு சரிபார்ப்பாளர்

இரண்டு நிறங்கள் அணுகல்தன்மைக்கான WCAG AA மற்றும் AAA மாறுபாடு தரநிலைகளைப் பூர்த்தி செய்கின்றனவா எனச் சரிபார்க்கவும். மாறுபாடு குறைவாக இருக்கும்போது தானியங்கு பரிந்துரைகளுடன் பல உரை அளவுகளில் நேரடி முன்னோட்டம்.

ஏற்றியப் பிறகு ஆஃப்லைனில் வேலை செய்கிறது

பெரிய தலைப்பு உரை

வாசிப்பு மற்றும் உள்ளடக்கத்திற்கான நடுத்தர பாடி உரை (18px).

பத்திகளுக்கான இயல்பான பாடி உரை (16px).

தலைப்புகள் மற்றும் மெட்டாடேட்டாவிற்கான சிறிய பாடி உரை (14px).

14.63:1

மாறுபாடு விகிதம்

✓WCAG AA — இயல்பான உரை

தேவை 4.5:1 · உங்களிடம் 14.63:1 உள்ளது

✓WCAG AA — பெரிய உரை

தேவை 3.0:1 · உங்களிடம் 14.63:1 உள்ளது

✓WCAG AAA — இயல்பான உரை

தேவை 7.0:1 · உங்களிடம் 14.63:1 உள்ளது

✓WCAG AAA — பெரிய உரை

தேவை 4.5:1 · உங்களிடம் 14.63:1 உள்ளது

✓UI கூறுகள் / வரைகலை பொருள்கள்

தேவை 3.0:1 · உங்களிடம் 14.63:1 உள்ளது

விரைவு முன்னமைவுகள்

WCAG 2.1 மாறுபாடு வழிகாட்டுதல்களை அடிப்படையாகக் கொண்டது. பெரிய உரை = 18pt (24px) இயல்பானது அல்லது 14pt (18.66px) தடிமனானது. ஹெக்ஸ் குறியீடுகள் இரு திசைகளிலும் புதுப்பிக்கப்படும்: ஒரு ஹெக்ஸை தட்டச்சு செய்யவும் அல்லது நிறத்தைத் தேர்ந்தெடுக்கவும், இரு உள்ளீடுகளும் ஒத்திசைவாக இருக்கும்.

இது எவ்வாறு செயல்படுகிறது

மாறுபாட்டுச் சோதனை WCAG 2.1 relative luminance அல்காரிதம் மூலம் முழுவதும் உங்கள் உலாவியில் இயங்குகிறது — நூலகம் இல்லை, சர்வர் இல்லை, விவரக்குறிப்பைச் சரியாகப் பின்பற்றும் கையால் எழுதிய கணிதம் மட்டுமே. தட்டச்சு செய்யும்போது அல்லது நிறத்தைத் தேர்ந்தெடுக்கும்போது ஒவ்வொரு முடிவும் நேரலையாகப் புதுப்பிக்கப்படுகிறது.

  1. 1
    Hex உள்ளீடு மற்றும் இயல்பாக்கம்
    3 இலக்க (#abc) மற்றும் 6 இலக்க (#aabbcc) hex மதிப்புகள் இரண்டும் ஏற்கப்பட்டு முழு RGB மும்மைகளாக இயல்பாக்கப்படுகின்றன. தவறான உள்ளீடு அமைதியாகக் கருப்புக்கு மாறாமல் உடனே நிராகரிக்கப்படுகிறது; எனவே தவறான தேர்ச்சி முடிவுக்குப் பதிலாகச் சிவப்பு எல்லை தோன்றும்.
  2. 2
    WCAG luminance கணக்கீடு
    ஒவ்வொரு நிறமும் WCAG 2.1 சூத்திரம் மூலம் relative luminance ஆக மாற்றப்படுகிறது: sRGB சேனல் மதிப்புகள் piecewise gamma திருத்தம் மூலம் நேரியலாக்கப்படுகின்றன (0.03928 க்குக் கீழ் 12.92 ஆல் வகுத்து, அதற்கு மேல் 2.4 அடுக்குக்கு உயர்த்தி), பின் 0.2126R + 0.7152G + 0.0722B என எடையிடப்படுகின்றன.
  3. 3
    மாறுபாட்டு விகிதம் மற்றும் இணக்கச் சோதனைகள்
    மாறுபாட்டு விகிதம் (lighter + 0.05) / (darker + 0.05) எனக் கணக்கிடப்பட்டு ஐந்து WCAG வரம்புகளுடனும் சோதிக்கப்படுகிறது: AA சாதாரண உரை (4.5:1), AA பெரிய உரை (3:1), AAA சாதாரண உரை (7:1), AAA பெரிய உரை (4.5:1), UI கூறுகள் (3:1). ஒவ்வொரு விசை அழுத்தத்திலும் முடிவுகள் புதுப்பிக்கப்படுகின்றன.
  4. 4
    சாயலைப் பாதுகாக்கும் திருத்தப் பரிந்துரைகள்
    ஜோடி WCAG AA இல் தோல்வியடைந்தால், கருவி HSL lightness வெளியில் தேடுகிறது — அசல் lightness இலிருந்து இரு திசைகளிலும் வெளிநோக்கி நகர்ந்து — அதே சாயல், செறிவுடன் 4.5:1 இல் தேர்ச்சி பெறும் ஒவ்வொரு நிறத்தின் அருகிலுள்ள வகையைக் கண்டறிகிறது. உங்கள் திரையிலிருந்து எந்த நிறத்தையும் நேரடியாக எடுக்க EyeDropper API (Chromium) உம் கிடைக்கிறது.

தொடர்புடைய கருவிகள்

👁️

நிற குருட்டுத்தன்மை உருவகப்படுத்தி

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

முயற்சிக்கவும்கோப்புகள் உள்நாட்டில் இருக்கும்
🎞️

புகைப்பட வடிகட்டிகள்

இன்ஸ்டாகிராம்-பாணி வடிகட்டிகள் மற்றும் பிரைட்னெஸ், காண்ட்ராஸ்ட் மற்றும் சாச்சுரேஷனை நேரலை தம்பநெயில்களுடன் பயன்படுத்தவும்.

முயற்சிக்கவும்கோப்புகள் உள்நாட்டில் இருக்கும்
🎨

வண்ண தேர்வி & வண்ணப் பலகை உருவாக்கி

வண்ணங்களை தேர்ந்தெடுக்கவும், HEX/RGB/HSL இடையே மாற்றவும், மற்றும் இணக்கமான வண்ணப் பலகைகளை உருவாக்கவும்.

முயற்சிக்கவும்

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