ਇਸ ਟੂਲ ਬਾਰੇ
WCAG 2.1 ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਅਨੁਸਾਰ ਫੋਰਗਰਾਉਂਡ ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗਾਂ ਦੇ ਵਿਚਕਾਰ ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਜਾਂਚ ਕਰੋ। ਰੰਗਾਂ ਨੂੰ ਹੈਕਸਾ ਕੋਡ, RGB ਮੁੱਲ, ਜਾਂ HSL ਮੁੱਲਾਂ ਦੇ ਰੂਪ ਵਿੱਚ ਦਰਜ ਕਰੋ ਅਤੇ WCAG AA ਅਤੇ AAA ਅਨੁਪਾਲਨ ਲਈ ਆਮ ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਪਾਸ/ਫੇਲ ਨਤੀਜਿਆਂ ਦੇ ਨਾਲ ਤੁਰੰਤ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੇਖੋ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
- WCAG ਦੀ ਪਾਲਣਾ ਲਈ ਕਿਹੜੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਲੋੜ ਹੈ?
- WCAG AA ਨੂੰ ਸਧਾਰਨ ਟੈਕਸਟ ਲਈ 4.5:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ (18pt+ ਜਾਂ 14pt+ ਬੋਲਡ) ਲਈ 3:1 ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। WCAG AAA ਨੂੰ ਆਮ ਟੈਕਸਟ ਲਈ 7:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 4.5:1 ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਵੱਧ ਤੋਂ ਵੱਧ ਸੰਭਾਵਿਤ ਅਨੁਪਾਤ 21:1 ਹੈ (ਚਿੱਟੇ ਉੱਤੇ ਕਾਲਾ)।
- ਰੰਗ ਅੰਤਰ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ?
- ਲੋੜੀਂਦਾ ਵਿਪਰੀਤ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਟੈਕਸਟ ਘੱਟ ਨਜ਼ਰ ਵਾਲੇ, ਰੰਗ ਅੰਨ੍ਹੇਪਣ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ, ਜਾਂ ਚਮਕਦਾਰ ਸੂਰਜ ਦੀ ਰੌਸ਼ਨੀ ਵਿੱਚ ਸਕ੍ਰੀਨ ਦੇਖ ਰਹੇ ਹਨ। ਇਹ ਬਹੁਤ ਸਾਰੀਆਂ ਵੈਬਸਾਈਟਾਂ ਲਈ ADA ਅਤੇ EU ਪਹੁੰਚਯੋਗਤਾ ਨਿਯਮਾਂ ਦੇ ਅਧੀਨ ਇੱਕ ਕਨੂੰਨੀ ਲੋੜ ਵੀ ਹੈ।
- WCAG ਵਿੱਚ 'ਵੱਡਾ ਟੈਕਸਟ' ਕੀ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ?
- ਵੱਡੇ ਟੈਕਸਟ ਨੂੰ ਨਿਯਮਤ ਵਜ਼ਨ ਲਈ 18pt (24px) ਅਤੇ ਇਸ ਤੋਂ ਵੱਧ, ਜਾਂ ਬੋਲਡ ਟੈਕਸਟ ਲਈ 14pt (18.66px) ਅਤੇ ਇਸਤੋਂ ਉੱਪਰ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ। ਵੱਡੇ ਟੈਕਸਟ ਵਿੱਚ ਘੱਟ ਕੰਟ੍ਰਾਸਟ ਲੋੜਾਂ ਹੁੰਦੀਆਂ ਹਨ ਕਿਉਂਕਿ ਇਹ ਪੜ੍ਹਨਾ ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਆਸਾਨ ਹੁੰਦਾ ਹੈ।
- ਕੀ ਇਹ ਟੂਲ ਗੈਰ-ਟੈਕਸਟ ਐਲੀਮੈਂਟਸ ਲਈ ਕੰਟ੍ਰਾਸਟ ਦੀ ਜਾਂਚ ਕਰਦਾ ਹੈ?
- WCAG 2.1 ਨੂੰ UI ਕੰਪੋਨੈਂਟਸ ਅਤੇ ਗ੍ਰਾਫਿਕਲ ਆਬਜੈਕਟ (ਬਟਨ, ਆਈਕਨ, ਫਾਰਮ ਫੀਲਡ) ਲਈ 3:1 ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਤੁਸੀਂ ਉਹਨਾਂ ਦੀ ਵੀ ਪੁਸ਼ਟੀ ਕਰਨ ਲਈ ਇਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ — ਸਿਰਫ਼ ਕੰਪੋਨੈਂਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਦਾਖਲ ਕਰੋ।