மாறுபாடு சரிபார்ப்பி – Contrast Checker

இந்த வண்ண மாறுபாடு சரிபார்ப்புக் கருவி, ADA இணக்கத்திற்காக WCAG மற்றும் APCA வண்ண மாறுபாட்டைத் தணிக்கை செய்கிறது — இது எந்தவொரு…

✅ இந்த கான்ட்ராஸ்ட் செக்கர் மூலம் நீங்கள் பெறுபவை: - WCAG 2.2 கான்ட்ராஸ்ட் ரேஷியோ மற்றும் APCA Lc, - பக்கத்தில் சிறப்பித்துக் காட்டப்பட்டுள்ள சிக்கல்கள் உள்ள கூறுகள், - வண்ணங்களை உருவாக்கிய CSS விதிகள், சோர்ஸ் மேப்ஸ் (கிடைத்தால்) மூலம் கண்டறியப்பட்டன. - கான்ட்ராஸ்ட் அனலைசர் மற்றும் பரிந்துரைக்கப்பட்ட மாற்று வண்ணங்களுடன் கூடிய உள்ளமைக்கப்பட்ட வண்ணத் தேர்வு கருவி, சரிசெய்தல்களின் நேரலை முன்னோட்டம், திருத்தங்களை CSS-க்கு ஏற்றுமதி செய்தல் (மூலத்தைக் கண்டறியும் கருத்துரைகளுடன்). 🔍 இது வெறும் தட்டையான பின்னணிகளை மட்டும் அல்லாமல், சூடோ-ஸ்டேட்ஸ், ஷேடோ டோம், சேம்-ஆரிஜின் ஐஃப்ரேம்கள், மற்றும் படங்கள் மற்றும் கிரேடியன்ட்களின் மீதான உரைகளையும் ஆராயும் ஒரு வலைத்தள வண்ண மாறுபாடு சரிபார்ப்புக் கருவியாக உருவாக்கப்பட்டுள்ளது. ⚠️ பிழைதிருத்தி அனுமதி தேவை. இந்த கான்ட்ராஸ்ட் செக்கரின் கவரேஜ், 'debugger' அனுமதி தேவைப்படும் Chrome DevTools Protocol மூலமாக மட்டுமே சாத்தியமாகும். இணைக்கப்பட்டவுடன், Chrome அனைத்து டேப்களிலும் ஒரு தகவல் பட்டையைக் காண்பிக்கும், மேலும் இணைப்பைத் துண்டிக்கும்போது அதை மறைக்காது. ⚡ மிகவும் மேம்படுத்தப்பட்ட பணிப்பாய்வு: • வண்ண அணுகல் சிக்கல்கள் உள்ள அனைத்து கூறுகளையும் ஒரே பார்வையில் சிறப்பித்துக் காட்டப்பட்டவாறு காணுங்கள். • முன்னோட்டத்தில் மாற்றங்கள் உடனடியாகக் காட்டப்படும், மேலும் முரண்பாட்டு விகிதங்களும் தீர்ப்புகளும் மறு கணக்கீடு செய்யப்படும். • ஸ்டைல்ஷீட் டேபில் தனிப்பயன் CSS-ஐப் பயன்படுத்துங்கள்; அதனால் பாதிக்கப்பட்ட சிக்கல்கள் பட்டியலில் குறிக்கப்பட்டுள்ளன. • வண்ண வேறுபாட்டை கைமுறையாகச் சரிபார்க்க, உள்ளமைக்கப்பட்ட வண்ணத் தேர்வி கருவியைப் பயன்படுத்தவும்: முன்புறத்தை அமைக்க இடது கிளிக் செய்யவும், பின்புறத்திற்கு வலது கிளிக் செய்யவும், விகிதம் உடனடியாகப் புதுப்பிக்கப்படும். • நீங்கள் சரிசெய்யும் கூறுகளைத் தவிர மற்ற அனைத்தையும் மறைக்க, விலக்குகள் தாவலைப் பயன்படுத்தவும். 📐 தீர்ப்புகளுக்கான அளவுகோல்கள். இந்த கான்ட்ராஸ்ட் ரேஷியோ செக்கர், WCAG மற்றும் APCA தேவைகளுக்கு எதிராக வண்ண அணுகல்தன்மையைச் சோதிக்கிறது. APCA Lc ஆனது, அதற்குப் பொருத்தமான WCAG விகிதங்களை விடக் கடுமையான Bridge-PCA வரம்புகளுக்கு எதிராக மதிப்பிடப்படுகிறது — எனவே Bridge-PCA தேர்ச்சி என்பது எப்போதும் WCAG தேர்ச்சியையே குறிக்கும். 🔬 APCA என்றால் என்ன? APCA (அணுகக்கூடிய புலனுணர்வு மாறுபாடு நெறிமுறை) என்பது, மக்கள் ஒரு திரையில் உள்ள உரையை எவ்வாறு படிக்கிறார்கள் என்பதைக் கண்காணிக்கும் ஒரு மாதிரி ஆகும். ஒரே wcag விகிதத்தைக் கொண்ட இரண்டு வண்ண ஜோடிகள் குறிப்பிடத்தக்க அளவு வித்தியாசமாகத் தோன்றலாம், மேலும் அவற்றின் APCA LC (ஒளிர்வு மாறுபாடு) அதைப் பிரதிபலிக்கிறது: ஒரு ஜோடி wcag சோதனையில் தேர்ச்சி பெற்றாலும், படிப்பதற்குச் சிரமமாக உணரப்படலாம். இந்த வலைத்தளத்தின் வண்ண அணுகல்தன்மை சரிபார்ப்புக் கருவி இந்த இரண்டு எண்களையும் கணக்கிடுகிறது. 🚧 வரம்புகள்: 1. மற்ற எல்லா இணையதள அணுகல்தன்மை சரிபார்ப்பிகளைப் போலவே, இதுவும் சிறந்த முயற்சி மதிப்பீடுகளை வழங்குகிறது, இணக்கச் சான்றிதழை அல்ல. 2. கண்காணிப்பு உரை வடிவில் மட்டுமே உள்ளது; உரை அல்லாத கூறுகளைச் சரிபார்ப்பது (wcag 1.4.11) செயல்திட்டத்தில் உள்ளது. 3. வெவ்வேறு மூலங்களைக் கொண்ட ஐஃப்ரேம்களுக்குள் நுழைய முடியாது. 4. சிக்கலான பின்னணிகள் மற்றும் அசைவூட்டங்கள், வரையறுக்கப்பட்ட எண்ணிக்கையிலான இடஞ்சார்ந்த மற்றும் காலஞ்சார்ந்த புள்ளிகளில் மாதிரியெடுக்கப்படுகின்றன; மிக மோசமான மாதிரியின் விகிதம் தெரிவிக்கப்படுகிறது, ஆனால் அதுவும் மிகைப்படுத்தப்பட்டதாக இருக்கலாம்; மேலும், காட்சிப்படுத்தல் பிழைகளாலும் மாதிரியெடுப்பான் தவறாக வழிநடத்தப்படலாம். 5. அதிக இயங்குதன்மை கொண்ட தளங்கள் தவறான சிக்கல்களை உருவாக்கக்கூடும். 6. இந்த வண்ண மாறுபாடு சரிபார்ப்புக் கருவி, படங்களில் தானாகவே OCR-ஐ இயக்காது; உடன் வழங்கப்பட்டுள்ள வண்ணத் தேர்வு கருவியைப் பயன்படுத்தி, அர்த்தமுள்ள உரையுடன் கூடிய படங்களைச் சோதிக்கவும். 🔒 தனியுரிமை மற்றும் அனுமதிகள். ▸ இது உங்கள் கணினியிலேயே இயங்குகிறது; எந்த வலைப்பக்கத் தரவும் உங்கள் கணினியை விட்டு வெளியேறுவதில்லை. ▸ 'activeTab'-க்கு மட்டும்: நீங்கள் கருவிப்பட்டை ஐகானைக் கிளிக் செய்யும்போது பகுப்பாய்வு ஸ்கிரிப்ட் செருகப்படும். ▸ Shadow DOM மற்றும் iframe-களுக்குள் ஊடுருவிச் செல்லவும், CSS மூலங்களைக் கண்டறியவும், சிக்கலான பின்னணிகளை மாதிரியாகப் பார்க்கவும் 'debugger' அனுமதி தேவைப்படுகிறது. 🧮 துல்லிய விவரங்கள். பகுதி ஒளிபுகும் உரை மற்றும் மூல ஒளிபுகாத்தன்மை ஆகியவை சரியாகக் கையாளப்படுகின்றன: ஒளியளவு அளவிடப்படுவதற்கு முன்பு, முன்பகுதி அதன் உண்மையான பின்புலத்தின் மீது ஒருங்கிணைக்கப்படுகிறது, எனவே காட்டப்படும் விகிதம் பயனர்கள் உண்மையில் பார்ப்பவற்றுடன் பொருந்துகிறது. oklch, lab, lch, color(display-p3) போன்ற பரந்த வண்ண வரம்புச் செயல்பாடுகளும் ஆதரிக்கப்படுகின்றன; இவை வண்ண வரம்பிற்கு வெளியே இருக்கும்போது sRGB-க்கு மாற்றப்படுகின்றன. 🎨 படங்கள் மற்றும் வண்ணச் சரிவுகளின் மேல் எழுத்துகள். பெரும்பாலான ஒத்த கருவிகளைப் போலல்லாமல், இது சமதளமற்ற பின்னணிகளைக் கைவிடுவதில்லை அல்லது 'getComputedStyle' / 'CSS.getBackgroundColors' தெரிவிப்பதை நம்புவதில்லை. இது உலாவியின் வண்ண வரிசையை ஆராய்ந்து உண்மையான பின்னணியை — ஒளிபுகாத்தன்மை, கலப்பு முறைகள், நேரியல் சாய்வுகள், பின்னணி வடிகட்டி — ஒருங்கிணைக்கிறது, அது போதுமானதாக இல்லாதபோது, ​​இந்த வண்ண வேறுபாட்டுக் கருவி, உரையின் இருப்பிடத்தில் உள்ள உருவாக்கப்பட்ட பிக்சல்களை மாதிரியாக எடுத்துக்கொள்கிறது. ❓ கேள்வி பதில் 📌 WCAG மற்றும் APCA ஆகியவற்றின் கீழ், ஒரே வண்ண ஜோடிக்கு சில சமயங்களில் ஏன் வெவ்வேறு தீர்ப்புகள் கிடைக்கின்றன? WCAG ஒளியளவை அளவிடுகிறது; APCA புலனுணர்வு மாறுபாட்டை அளவிடுகிறது. 4.5:1 விகிதத்தைத் தாண்டும் ஒரு ஜோடிகூட, மிகவும் கண்டிப்பான மாதிரியான Bridge-PCA Lc வரம்பை எட்டாமல் போகலாம். 📌 APCA, WCAG-க்கு மாற்றாக அமைகிறதா? இல்லை — APCA என்பது ஒரு மாற்று அல்ல, ஆனால் அது ஒரு பயனுள்ள இரண்டாவது கருத்தாகும். இந்த கான்ட்ராஸ்ட் செக்கர் இரண்டையும் தெரிவிக்கிறது. 📌 இந்த அணுகல்தன்மை சரிபார்ப்புக் கருவியைக் கொண்டு ஒரு உள்ளூர் கோப்பை அல்லது எனது டெவலப்மென்ட் சர்வரை ஸ்கேன் செய்ய முடியுமா? ஆம். நீட்டிப்பு அமைப்புகளில் "கோப்பு URL-களுக்கான அணுகலை அனுமதி" என்பதை இயக்கவும். file:// அல்லது localhost URL-ஐத் திறந்து, கருவிப்பட்டை ஐகானைக் கிளிக் செய்யவும். chrome://, Chrome வலை அங்காடி மற்றும் பிற கட்டுப்படுத்தப்பட்ட திட்டங்கள் மட்டுமே தவிர்க்கப்படும். 📌 இந்தக் கருவி ADA இணக்கத்திற்குச் சான்றளிக்கிறதா? இல்லை. இது வண்ண வேறுபாட்டை மட்டுமே சரிபார்க்கிறது — இது அணுகல்தன்மையின் ஒரு அம்சம். ADA இணக்கம் என்பது பல தரநிலைகள் மற்றும் அளவுகோல்களை (சொற்பொருள், விசைப்பலகை அணுகல், மாற்று உரை, தலைப்புகள் மற்றும் பல) உள்ளடக்கிய ஒரு சட்டப்பூர்வமான தீர்மானமாகும், மேலும் இது ஒரு தகுதிவாய்ந்த நிபுணரால் மதிப்பிடப்பட வேண்டும்.