ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ

WCAG ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਅਤੇ ਕਿਹੜੇ AA ਅਤੇ AAA ਪੱਧਰ ਪਾਸ ਹੁੰਦੇ ਹਨ, ਇਹ ਦੇਖਣ ਲਈ ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਦਰਜ ਕਰੋ।

ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ
ਆਮ ਟੈਕਸਟAA4.5:1
ਆਮ ਟੈਕਸਟAAA7:1
ਵੱਡਾ ਟੈਕਸਟAA3:1
ਵੱਡਾ ਟੈਕਸਟAAA4.5:1
UI ਅਤੇ ਗ੍ਰਾਫਿਕਸ3:1
ਜਾਂਚ ਕਰਨ ਲਈ ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦਾ ਰੰਗ ਦਰਜ ਕਰੋ।

ਹਰ ਜਾਂਚ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ। ਤੁਹਾਡੇ ਵੱਲੋਂ ਦਰਜ ਕੀਤਾ ਗਿਆ ਕੋਈ ਵੀ ਡਾਟਾ BroBroGo 'ਤੇ ਅੱਪਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

AA ਅਤੇ AAA ਨਤੀਜਿਆਂ ਦਾ ਕੀ ਅਰਥ ਹੈ?

AA ਉਹ ਪੱਧਰ ਹੈ ਜਿਸਦਾ ਉਦੇਸ਼ ਜ਼ਿਆਦਾਤਰ ਸਾਈਟਾਂ ਰੱਖਦੀਆਂ ਹਨ: ਇਸਨੂੰ ਆਮ ਟੈਕਸਟ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 3:1 ਦੇ ਅਨੁਪਾਤ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। AAA ਵਧੇਰੇ ਸਖ਼ਤ ਹੈ — ਆਮ ਟੈਕਸਟ ਲਈ 7:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 4.5:1। ਇਹ ਅਨੁਪਾਤ 1:1 (ਕੋਈ ਕੰਟ੍ਰਾਸਟ ਨਹੀਂ) ਤੋਂ 21:1 (ਚਿੱਟੇ 'ਤੇ ਕਾਲਾ) ਤੱਕ ਚੱਲਦਾ ਹੈ।

ਵੱਡੇ ਟੈਕਸਟ ਵਜੋਂ ਕੀ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ?

18pt (ਲਗਭਗ 24px) ਤੋਂ ਟੈਕਸਟ, ਜਾਂ ਬੋਲਡ ਹੋਣ 'ਤੇ 14pt (ਲਗਭਗ 18.5px)। ਵੱਡਾ ਟੈਕਸਟ ਘੱਟ ਕੰਟ੍ਰਾਸਟ 'ਤੇ ਵੀ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਸਖ਼ਤ ਨਾਰਮਲ-ਟੈਕਸਟ ਸੀਮਾਵਾਂ ਦੀ ਬਜਾਏ 3:1 'ਤੇ AA ਅਤੇ 4.5:1 'ਤੇ AAA ਪਾਸ ਕਰਦਾ ਹੈ।

ਮੈਂ ਕਿਹੜੇ ਰੰਗ ਫਾਰਮੈਟ ਦਰਜ ਕਰ ਸਕਦਾ ਹਾਂ?

ਇੱਕ hex ਮੁੱਲ ਜਿਵੇਂ #1a1a1a, ਇੱਕ rgb() ਮੁੱਲ ਜਿਵੇਂ rgb(26, 26, 26), ਜਾਂ ਇੱਕ hsl() ਮੁੱਲ ਟਾਈਪ ਕਰੋ — ਜਾਂ ਰੰਗ ਚੁਣਨ ਲਈ ਕਿਸੇ ਵੀ ਸਵੈਚ 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦੇ ਰੰਗਾਂ ਨੂੰ ਆਪਸ ਵਿੱਚ ਬਦਲਣ ਲਈ ਸਵੈਪ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਕੀ ਇਹ WCAG 2 ਹੈ ਜਾਂ ਨਵਾਂ APCA ਤਰੀਕਾ?

ਇਹ WCAG 2.1 / 2.2 ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਜਿਸਦਾ ਅੱਜਕੱਲ੍ਹ ਐਕਸੈਸਬਿਲਟੀ ਨਿਯਮਾਂ ਅਤੇ ਆਡਿਟਾਂ ਵਿੱਚ ਹਵਾਲਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। APCA ਇੱਕ ਨਵਾਂ, ਵਧੇਰੇ ਅਨੁਭਵੀ ਤਰੀਕਾ ਹੈ ਜੋ ਅਜੇ ਵੀ WCAG 3 ਲਈ ਤਿਆਰ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ — ਇਹ ਵਧੀਆ ਹੈ, ਪਰ ਅਜੇ ਤੱਕ ਇੱਕ ਪਾਲਣਾ ਮਿਆਰ (compliance standard) ਨਹੀਂ ਹੈ, ਇਸ ਲਈ ਇੱਥੇ ਪਾਸ ਨਤੀਜੇ ਇਸਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ।