ਸਧਾਰਨ ਟੈਕਸਟ
ਵੱਡਾ ਟੈਕਸਟ
ਤੇਜ਼ ਹੱਲ
ਸਿਰਲੇਖ ਦੀ ਝਲਕ ਦੇਖੋ
ਤੇਜ਼ ਭੂਰੀ ਲੂੰਬੜੀ ਆਲਸੀ ਕੁੱਤੇ ਉੱਤੇ ਛਾਲ ਮਾਰਦੀ ਹੈ
ਛੋਟੇ ਟੈਕਸਟ ਦੀ ਉਦਾਹਰਣ (12px)
WCAG ਮਿਆਰ
Level AA
ਆਮ ਟੈਕਸਟ ਲਈ ਘੱਟੋ-ਘੱਟ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ 4.5:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 3:1। ਜ਼ਿਆਦਾਤਰ ਵੈੱਬਸਾਈਟਾਂ ਲਈ ਲੋੜੀਂਦਾ ਹੈ।
Level AAA
ਆਮ ਟੈਕਸਟ ਲਈ 7:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 4.5:1 ਦਾ ਵਧਿਆ ਹੋਇਆ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ। ਅਨੁਕੂਲ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
ਸਾਰੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਮਾੜਾ ਵਿਪਰੀਤ।
ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ
ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗਾਂ ਦੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਗਣਨਾ ਕਰੋ।
ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਲਈ ਰੰਗ ਚੋਣਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਰੰਗ ਚੁਣੋ ਜਾਂ RGB ਹੈਕਸਾਡੈਸੀਮਲ ਫਾਰਮੈਟ ਵਿੱਚ ਇੱਕ ਰੰਗ ਦਾਖਲ ਕਰੋ (ਉਦਾਹਰਨ ਲਈ, #259 ਜਾਂ #2596BE)। ਤੁਸੀਂ ਰੰਗ ਚੁਣਨ ਲਈ ਸਲਾਈਡਰ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰ ਸਕਦੇ ਹੋ। ਵੈੱਬ ਸਮਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ (WCAG) ਕੋਲ ਇਹ ਪਤਾ ਲਗਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਇੱਕ ਖਾਸ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਹੈ ਕਿ ਪਾਠ ਵੇਖਣਯੋਗ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਪੜ੍ਹਨਯੋਗ ਹੈ ਜਾਂ ਨਹੀਂ। ਇਹ ਮਾਪਦੰਡ ਤੁਲਨਾਤਮਕ ਅਨੁਪਾਤ ਵਿੱਚ ਰੰਗ ਸੰਜੋਗਾਂ ਨੂੰ ਮੈਪ ਕਰਨ ਲਈ ਇੱਕ ਖਾਸ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਸ ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, WCAG ਕਹਿੰਦਾ ਹੈ ਕਿ ਟੈਕਸਟ ਅਤੇ ਇਸਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦੇ ਨਾਲ ਇੱਕ 4.5:1 ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਰੈਗੂਲਰ (ਬਾਡੀ) ਟੈਕਸਟ ਲਈ ਕਾਫ਼ੀ ਹੈ, ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ (18+ pt ਰੈਗੂਲਰ, ਜਾਂ 14+ pt ਬੋਲਡ) ਵਿੱਚ ਘੱਟੋ ਘੱਟ 3 ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ: 1 ਰੰਗ ਵਿਪਰੀਤ ਅਨੁਪਾਤ।
ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
- • ਰੀਅਲ-ਟਾਈਮ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਗਣਨਾ
- • WCAG AA ਅਤੇ AAA ਪਾਲਣਾ ਜਾਂਚ
- • ਫਾਈਨ-ਟਿਊਨਿੰਗ ਲਈ HSL ਸਲਾਈਡਰ
- • ਕਈ ਪੂਰਵਦਰਸ਼ਨ ਫਾਰਮੈਟ
ਉੱਨਤ ਔਜ਼ਾਰ
- • ਆਟੋਮੈਟਿਕ ਰੰਗ ਫਿਕਸਿੰਗ
- • ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦੇ ਨਮੂਨੇ
- • ਰੰਗ ਨਾਮ ਖੋਜ
- • ਨਤੀਜੇ ਨਿਰਯਾਤ ਕਰੋ