ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ

ਪਹੁੰਚ ਯੋਗਤਾ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਅਗਲੇ ਅਤੇ ਪਿਛਲੇ ਰੰਗਾਂ ਦੇ ਵਿਰੋਧ ਅਨੁਪਾਤ ਦੀ ਜਾਂਚ ਕਰੋ।

ਆਪਣੇ ਰੰਗ ਜਾਂਚੋ

ਰੰਗ ਦੇ ਸੰਯੋਜਨਾਂ ਦੀ ਜਾਂਚ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਉਹ ਪਾਠ ਪੜ੍ਹਨ ਯੋਗਤਾ ਲਈ WCAG ਪਹੁੰਚ ਯੋਗਤਾ ਮਿਆਰਾਂ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ।

1.00:1
ਵਿਰੋਧ
ਫੇਲ੍ਹ
ਬਹੁਤ ਖਰਾਬ

ਆਮ ਪਾਠ

AA (4.5:1)
ਫੇਲ੍ਹ
AAA (7:1)
ਫੇਲ੍ਹ

ਵੱਡਾ ਪਾਠ

AA (3:1)
ਫੇਲ੍ਹ
AAA (4.5:1)
ਫੇਲ੍ਹ

ਤੁਰੰਤ ਸੁਧਾਰ

Aa
ਪੂਰਵ ਦਰਸ਼ਨ ਸਿਰਲੇਖ

ਚੁਸਤ ਭੂਰਾ ਲੂਮੜੀ ਆਲਸੀ ਕੁੱਤੇ ਉੱਤੇ ਛਾਲ ਮਾਰਦੀ ਹੈ

ਛੋਟੇ ਪਾਠ ਦਾ ਉਦਾਹਰਣ (12px)

ਪਾਠ
#2596be
ਪਿਛੋਕੜ
#ffffff

WCAG ਮਿਆਰ

ਪੱਧਰ AA

ਆਮ ਪਾਠ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਦਾ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 3:1। ਜ਼ਿਆਦਾਤਰ ਵੈੱਬਸਾਈਟਾਂ ਲਈ ਲਾਜ਼ਮੀ।

ਪੱਧਰ AAA

ਆਮ ਪਾਠ ਲਈ 7:1 ਦਾ ਵਧੀਆ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 4.5:1। ਵਧੀਆ ਪਹੁੰਚ ਯੋਗਤਾ ਲਈ ਸਿਫਾਰਸ਼ੀ।

ਸਾਰੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਅਪਰਾਪਤ ਕਾਂਟ੍ਰਾਸਟ - WCAG ਮਿਆਰਾਂ 'ਤੇ ਖਰਾ ਨਹੀਂ ਉਤਰਦਾ।

ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ

ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਦੇ ਰੰਗਾਂ ਦਾ ਵਿਰੋਧ ਅਨੁਪਾਤ ਗਣਨਾ ਕਰੋ।

ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਦੇ ਰੰਗ ਲਈ ਰੰਗ ਚੁਣਨ ਲਈ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਉਪਕਰਣ ਵਰਤੋ ਜਾਂ RGB ਹੈਕਸਾਡੈਸਿਮਲ ਫਾਰਮੈਟ ਵਿੱਚ ਰੰਗ ਦਰਜ ਕਰੋ (ਉਦਾਹਰਣ ਲਈ, #259 ਜਾਂ #2596BE)। ਤੁਸੀਂ ਰੰਗ ਚੁਣਨ ਲਈ ਸਲਾਈਡਰ ਨੂੰ ਸਮਾਇਕ ਕਰ ਸਕਦੇ ਹੋ। ਵੈੱਬ ਸਮੱਗਰੀ ਪਹੁੰਚ ਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ (WCAG) ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਹੈ ਜੋ ਇਹ ਪਤਾ ਲਗਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਕਿ ਪਾਠ ਦ੍ਰਿਸ਼ਟੀ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਪੜ੍ਹਨ ਯੋਗ ਹੈ ਜਾਂ ਨਹੀਂ। ਇਹ ਮਾਪਦੰਡ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੇ ਸੰਯੋਜਨਾਂ ਨੂੰ ਤੁਲਨਾਤਮਕ ਅਨੁਪਾਤਾਂ ਵਿੱਚ ਨਕਸ਼ਾ ਬਣਾਉਂਦਾ ਹੈ। ਇਸ ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, WCAG ਕਹਿੰਦਾ ਹੈ ਕਿ ਪਾਠ ਅਤੇ ਇਸਦੀ ਪਿਛੋਕੜ ਨਾਲ 4.5:1 ਰੰਗ ਵਿਰੋਧ ਅਨੁਪਾਤ ਆਮ (ਬਾਡੀ) ਪਾਠ ਲਈ ਯਥੇਸ਼ਟ ਹੈ, ਅਤੇ ਵੱਡੇ ਪਾਠ (18+ pt ਆਮ, ਜਾਂ 14+ pt ਬੋਲਡ) ਲਈ ਘੱਟੋ-ਘੱਟ 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 ਹਨ।

ਟੈਕਸਟ ਜਾਂ ਪਿਛੋਕੜ ਦੇ ਰੰਗ ਬਦਲਣ ਲਈ ਸਾਡੀ ਆਟੋਮੈਟਿਕ ਫਿਕਸ ਸੁਵਿਧਾ ਵਰਤੋ, ਜੋ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਦੇ ਇਰਾਦੇ ਨੂੰ ਬਣਾਈ ਰੱਖਦੀ ਹੈ, ਜਾਂ ਦ੍ਰਿਸ਼ਟੀ ਸੰਕੇਤਕਾਂ ਵਾਲੇ HSL ਸਲਾਈਡਰਾਂ ਨਾਲ ਹੱਥੀਂ ਰੰਗ ਐਡਜਸਟ ਕਰੋ, ਜੋ AA/AAA ਅਨੁਕੂਲਤਾ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਖੇਤਰ ਦਿਖਾਉਂਦੇ ਹਨ।

ਹਰੇ ਖੇਤਰ ਅਤੇ AA/AAA ਨਿਸ਼ਾਨ WCAG ਅਨੁਕੂਲਤਾ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਰੇਂਜ ਦਿਖਾਉਂਦੇ ਹਨ। ਦਿਸ਼ਾ ਸੰਕੇਤ (ਹਲਕਾ/ਗੂੜ੍ਹਾ) ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਰੰਗ ਮੇਲ ਦੇ ਆਧਾਰ 'ਤੇ ਬਿਹਤਰ ਵਿਰੋਧ ਵੱਲ ਰਾਹ ਦਿਖਾਉਂਦੇ ਹਨ।

ਹਾਂ, ਤੁਸੀਂ ਕੋਈ ਵੀ ਹੈਕਸ ਰੰਗ ਕੋਡ ਦਾਖਲ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਰੰਗ ਚੋਣਕਾਰ ਨਾਲ ਆਪਣੇ ਰੰਗ ਚੁਣ ਸਕਦੇ ਹੋ। URL ਆਪਣੇ ਆਪ ਅੱਪਡੇਟ ਹੁੰਦਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਖ਼ਾਸ ਰੰਗ ਮੇਲ ਸਾਂਝੇ ਕਰ ਸਕੋ।