21 KiB
ਵੈਬਪੇਜਾਂ ਨੂੰ ਸਹਿਜਗਮ ਬਣਾਉਣਾ
ਸਕੈਚਨੋਟ ਟੋਮੋਮੀ ਇਮੁਰਾ ਦੁਆਰਾ
ਲੈਕਚਰ ਤੋਂ ਪਹਿਲਾਂ ਕਵਿਜ਼
ਵੈਬ ਦੀ ਤਾਕਤ ਇਸ ਦੀ ਵਿਸ਼ਵਵਿਆਪਕਤਾ ਵਿੱਚ ਹੈ। ਅਪੰਗਤਾ ਤੋਂ ਬਿਨਾਂ ਹਰ ਕਿਸੇ ਲਈ ਪਹੁੰਚ ਇੱਕ ਜ਼ਰੂਰੀ ਪਹਲੂ ਹੈ।
- ਸਰ ਟਿਮੋਥੀ ਬਰਨਰਜ਼-ਲੀ, W3C ਡਾਇਰੈਕਟਰ ਅਤੇ ਵਰਲਡ ਵਾਇਡ ਵੈਬ ਦੇ ਆਵਿਸ਼ਕਾਰਕ
ਇਹ ਕਹਾਵਤ ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਸਹਿਜਗਮ ਬਣਾਉਣ ਦੀ ਮਹੱਤਤਾ ਨੂੰ ਬਹੁਤ ਹੀ ਵਧੀਆ ਢੰਗ ਨਾਲ ਦਰਸਾਉਂਦੀ ਹੈ। ਇੱਕ ਐਪਲੀਕੇਸ਼ਨ ਜੋ ਹਰ ਕਿਸੇ ਲਈ ਪਹੁੰਚਯੋਗ ਨਹੀਂ ਹੈ, ਉਹ ਆਪਣੇ ਆਪ ਵਿੱਚ ਬਾਹਰ ਕੱਢਣ ਵਾਲੀ ਹੈ। ਵੈਬ ਡਿਵੈਲਪਰਾਂ ਵਜੋਂ ਸਾਨੂੰ ਹਮੇਸ਼ਾ ਸਹਿਜਗਮਤਾ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ। ਜੇਕਰ ਤੁਸੀਂ ਸ਼ੁਰੂ ਤੋਂ ਹੀ ਇਸ 'ਤੇ ਧਿਆਨ ਦਿੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਦੇ ਰਾਹ 'ਤੇ ਹੋਵੋਗੇ ਕਿ ਹਰ ਕੋਈ ਤੁਹਾਡੇ ਬਣਾਏ ਪੇਜਾਂ ਨੂੰ ਪਹੁੰਚ ਸਕੇ। ਇਸ ਪਾਠ ਵਿੱਚ, ਤੁਸੀਂ ਉਹ ਸੰਦ ਸਿੱਖੋਗੇ ਜੋ ਤੁਹਾਨੂੰ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ ਕਿ ਤੁਹਾਡੇ ਵੈਬ ਐਸੈਟ ਸਹਿਜਗਮ ਹਨ ਅਤੇ ਸਹਿਜਗਮਤਾ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖ ਕੇ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ।
ਤੁਸੀਂ ਇਹ ਪਾਠ ਮਾਈਕਰੋਸਾਫਟ ਲਰਨ 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ!
ਵਰਤਣ ਲਈ ਸੰਦ
ਸਕ੍ਰੀਨ ਰੀਡਰ
ਸਹਿਜਗਮਤਾ ਦੇ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਸੰਦਾਂ ਵਿੱਚੋਂ ਇੱਕ ਸਕ੍ਰੀਨ ਰੀਡਰ ਹਨ।
ਸਕ੍ਰੀਨ ਰੀਡਰ ਆਮ ਤੌਰ 'ਤੇ ਉਹ ਕਲਾਇੰਟ ਹਨ ਜੋ ਦ੍ਰਿਸ਼ਟੀ ਦੀ ਅਪੰਗਤਾ ਵਾਲੇ ਲੋਕਾਂ ਦੁਆਰਾ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਸਮਾਂ ਬਿਤਾਉਂਦੇ ਹਾਂ ਕਿ ਬ੍ਰਾਊਜ਼ਰ ਸਹੀ ਢੰਗ ਨਾਲ ਉਹ ਜਾਣਕਾਰੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ ਜੋ ਅਸੀਂ ਸਾਂਝਾ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹਾਂ, ਅਸੀਂ ਇਹ ਵੀ ਯਕੀਨੀ ਬਣਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਸਕ੍ਰੀਨ ਰੀਡਰ ਵੀ ਇਹ ਕੰਮ ਸਹੀ ਢੰਗ ਨਾਲ ਕਰਦਾ ਹੈ।
ਸਕ੍ਰੀਨ ਰੀਡਰ ਬੁਨਿਆਦੀ ਤੌਰ 'ਤੇ ਪੇਜ ਨੂੰ ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ ਆਵਾਜ਼ ਵਿੱਚ ਪੜ੍ਹਦਾ ਹੈ। ਜੇਕਰ ਤੁਹਾਡਾ ਪੇਜ ਸਿਰਫ਼ ਟੈਕਸਟ ਹੈ, ਤਾਂ ਰੀਡਰ ਜਾਣਕਾਰੀ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸਮਾਨ ਢੰਗ ਨਾਲ ਪੇਸ਼ ਕਰੇਗਾ। ਬੇਸ਼ੱਕ, ਵੈਬ ਪੇਜਾਂ ਸ਼ੁੱਧ ਟੈਕਸਟ ਨਹੀਂ ਹੁੰਦੀਆਂ; ਉਹ ਲਿੰਕ, ਗ੍ਰਾਫਿਕਸ, ਰੰਗ ਅਤੇ ਹੋਰ ਦ੍ਰਿਸ਼ਟੀਗਤ ਤੱਤਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦੇ ਹਨ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਧਿਆਨ ਦਿੱਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਹ ਜਾਣਕਾਰੀ ਸਕ੍ਰੀਨ ਰੀਡਰ ਦੁਆਰਾ ਸਹੀ ਢੰਗ ਨਾਲ ਪੜ੍ਹੀ ਜਾਵੇ।
ਹਰ ਵੈਬ ਡਿਵੈਲਪਰ ਨੂੰ ਸਕ੍ਰੀਨ ਰੀਡਰ ਨਾਲ ਜਾਣੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ। ਜਿਵੇਂ ਕਿ ਉੱਪਰ ਹਾਈਲਾਈਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਹ ਤੁਹਾਡੇ ਉਪਭੋਗਤਾਵਾਂ ਦੁਆਰਾ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਕਲਾਇੰਟ ਹੈ। ਜਿਵੇਂ ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਕੰਮ ਕਰਨ ਦੇ ਢੰਗ ਨਾਲ ਜਾਣੂ ਹੋ, ਤੁਸੀਂ ਸਕ੍ਰੀਨ ਰੀਡਰ ਦੇ ਕੰਮ ਕਰਨ ਦੇ ਢੰਗ ਨਾਲ ਵੀ ਜਾਣੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ। ਖੁਸ਼ਕਿਸਮਤੀ ਨਾਲ, ਜ਼ਿਆਦਾਤਰ ਆਪਰੇਟਿੰਗ ਸਿਸਟਮਾਂ ਵਿੱਚ ਸਕ੍ਰੀਨ ਰੀਡਰ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ।
ਕੁਝ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਵੀ ਅੰਦਰੂਨੀ ਸੰਦ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਹੁੰਦੇ ਹਨ ਜੋ ਟੈਕਸਟ ਨੂੰ ਉੱਚਾਰਨ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਕੁਝ ਬੁਨਿਆਦੀ ਨੈਵੀਗੇਸ਼ਨਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਇਹ ਸਹਿਜਗਮਤਾ-ਕੇਂਦਰਤ ਐਜ ਬ੍ਰਾਊਜ਼ਰ ਸੰਦ। ਇਹ ਵੀ ਮਹੱਤਵਪੂਰਨ ਸਹਿਜਗਮਤਾ ਸੰਦ ਹਨ, ਪਰ ਇਹ ਸਕ੍ਰੀਨ ਰੀਡਰ ਟੈਸਟਿੰਗ ਸੰਦਾਂ ਨਾਲ ਗਲਤ ਨਹੀਂ ਸਮਝੇ ਜਾਣੇ ਚਾਹੀਦੇ।
✅ ਸਕ੍ਰੀਨ ਰੀਡਰ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਟੈਕਸਟ ਰੀਡਰ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ। Windows 'ਤੇ Narrator ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ, ਅਤੇ JAWS ਅਤੇ NVDA ਨੂੰ ਵੀ ਇੰਸਟਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। macOS ਅਤੇ iOS 'ਤੇ, VoiceOver ਡਿਫਾਲਟ ਰੂਪ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ।
ਜ਼ੂਮ
ਦ੍ਰਿਸ਼ਟੀ ਦੀ ਅਪੰਗਤਾ ਵਾਲੇ ਲੋਕਾਂ ਦੁਆਰਾ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਇੱਕ ਹੋਰ ਸੰਦ ਜ਼ੂਮ ਹੈ। ਜ਼ੂਮਿੰਗ ਦਾ ਸਭ ਤੋਂ ਬੁਨਿਆਦੀ ਕਿਸਮ ਸਟੈਟਿਕ ਜ਼ੂਮ ਹੈ, ਜੋ Control + plus sign (+) ਦੁਆਰਾ ਜਾਂ ਸਕ੍ਰੀਨ ਰਿਜ਼ੋਲੂਸ਼ਨ ਨੂੰ ਘਟਾ ਕੇ ਕੰਟਰੋਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਜ਼ੂਮ ਦੀ ਇਹ ਕਿਸਮ ਪੂਰੇ ਪੇਜ ਨੂੰ ਰੀਸਾਈਜ਼ ਕਰਦੀ ਹੈ, ਇਸ ਲਈ ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ ਵਰਤਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਤਾਂ ਜੋ ਵਧੇ ਹੋਏ ਜ਼ੂਮ ਪੱਧਰਾਂ 'ਤੇ ਚੰਗਾ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕੀਤਾ ਜਾ ਸਕੇ।
ਜ਼ੂਮਿੰਗ ਦੀ ਇੱਕ ਹੋਰ ਕਿਸਮ ਵਿਸ਼ੇਸ਼ ਸਾਫਟਵੇਅਰ 'ਤੇ ਨਿਰਭਰ ਕਰਦੀ ਹੈ ਜੋ ਸਕ੍ਰੀਨ ਦੇ ਇੱਕ ਖੇਤਰ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ ਅਤੇ ਪੈਨ ਕਰਦਾ ਹੈ, ਬਿਲਕੁਲ ਇੱਕ ਅਸਲੀ ਵਧਾਈ ਗਲਾਸ ਵਰਗੇ। Windows 'ਤੇ, Magnifier ਅੰਦਰੂਨੀ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਹੈ, ਅਤੇ ZoomText ਇੱਕ ਤੀਜਾ-ਪੱਖੀ ਵਧਾਈ ਸਾਫਟਵੇਅਰ ਹੈ ਜਿਸ ਵਿੱਚ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਵੱਡਾ ਉਪਭੋਗਤਾ ਅਧਾਰ ਹੈ। macOS ਅਤੇ iOS ਦੋਵਾਂ ਵਿੱਚ ਇੱਕ ਅੰਦਰੂਨੀ ਵਧਾਈ ਸਾਫਟਵੇਅਰ ਹੈ ਜਿਸਨੂੰ Zoom ਕਿਹਾ ਜਾਂਦਾ ਹੈ।
ਕਾਂਟ੍ਰਾਸਟ ਚੈੱਕਰ
ਵੈਬਸਾਈਟਾਂ 'ਤੇ ਰੰਗਾਂ ਨੂੰ ਧਿਆਨ ਨਾਲ ਚੁਣਨ ਦੀ ਲੋੜ ਹੈ ਤਾਂ ਜੋ ਰੰਗ-ਅੰਨ੍ਹੇ ਉਪਭੋਗਤਾਵਾਂ ਜਾਂ ਉਹ ਲੋਕ ਜਿਨ੍ਹਾਂ ਨੂੰ ਘੱਟ-ਕਾਂਟ੍ਰਾਸਟ ਰੰਗਾਂ ਨੂੰ ਦੇਖਣ ਵਿੱਚ ਮੁਸ਼ਕਲ ਹੁੰਦੀ ਹੈ, ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਪੂਰਾ ਕੀਤਾ ਜਾ ਸਕੇ।
✅ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਜਾਂਚ ਕਰੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਵਰਤਣਾ ਪਸੰਦ ਕਰਦੇ ਹੋ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਜਿਵੇਂ ਕਿ WCAG ਦਾ ਰੰਗ ਚੈੱਕਰ ਦੀ ਮਦਦ ਨਾਲ। ਤੁਹਾਨੂੰ ਕੀ ਸਿੱਖਣ ਨੂੰ ਮਿਲਦਾ ਹੈ?
ਲਾਈਟਹਾਊਸ
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲ ਖੇਤਰ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਲਾਈਟਹਾਊਸ ਸੰਦ ਮਿਲੇਗਾ। ਇਹ ਸੰਦ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਸਹਿਜਗਮਤਾ (ਜਿਵੇਂ ਕਿ ਹੋਰ ਵਿਸ਼ਲੇਸ਼ਣ) ਦੀ ਪਹਿਲੀ ਝਲਕ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ। ਜਦੋਂ ਕਿ ਸਿਰਫ਼ ਲਾਈਟਹਾਊਸ 'ਤੇ ਨਿਰਭਰ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਨਹੀਂ ਹੈ, 100% ਸਕੋਰ ਇੱਕ ਬੇਸਲਾਈਨ ਵਜੋਂ ਬਹੁਤ ਮਦਦਗਾਰ ਹੈ।
✅ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲ ਪੈਨਲ ਵਿੱਚ ਲਾਈਟਹਾਊਸ ਲੱਭੋ ਅਤੇ ਕਿਸੇ ਵੀ ਸਾਈਟ 'ਤੇ ਵਿਸ਼ਲੇਸ਼ਣ ਚਲਾਓ। ਤੁਹਾਨੂੰ ਕੀ ਪਤਾ ਲੱਗਦਾ ਹੈ?
ਸਹਿਜਗਮਤਾ ਲਈ ਡਿਜ਼ਾਈਨ ਕਰਨਾ
ਸਹਿਜਗਮਤਾ ਇੱਕ ਵੱਡਾ ਵਿਸ਼ਾ ਹੈ। ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ, ਬਹੁਤ ਸਾਰੇ ਸਰੋਤ ਉਪਲਬਧ ਹਨ।
ਜਦੋਂ ਕਿ ਅਸੀਂ ਸਹਿਜਗਮ ਸਾਈਟਾਂ ਬਣਾਉਣ ਦੇ ਹਰ ਪਹਲੂ ਨੂੰ ਕਵਰ ਕਰਨ ਦੇ ਯੋਗ ਨਹੀਂ ਹੋਵਾਂਗੇ, ਹੇਠਾਂ ਕੁਝ ਮੁੱਖ ਸਿਧਾਂਤ ਹਨ ਜੋ ਤੁਸੀਂ ਲਾਗੂ ਕਰਨਾ ਚਾਹੋਗੇ। ਸ਼ੁਰੂ ਤੋਂ ਹੀ ਇੱਕ ਸਹਿਜਗਮ ਪੇਜ ਡਿਜ਼ਾਈਨ ਕਰਨਾ ਹਮੇਸ਼ਾ ਮੌਜੂਦਾ ਪੇਜ ਨੂੰ ਸਹਿਜਗਮ ਬਣਾਉਣ ਲਈ ਵਾਪਸ ਜਾਣ ਤੋਂ ਆਸਾਨ ਹੁੰਦਾ ਹੈ।
ਚੰਗੇ ਡਿਸਪਲੇ ਸਿਧਾਂਤ
ਰੰਗ ਸੁਰੱਖਿਅਤ ਪੈਲੇਟ
ਲੋਕ ਸੰਸਾਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਢੰਗ ਨਾਲ ਦੇਖਦੇ ਹਨ, ਅਤੇ ਇਸ ਵਿੱਚ ਰੰਗ ਵੀ ਸ਼ਾਮਲ ਹਨ। ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਲਈ ਰੰਗ ਸਕੀਮ ਚੁਣਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਹ ਸਭ ਲਈ ਪਹੁੰਚਯੋਗ ਹੈ। ਇੱਕ ਵਧੀਆ ਰੰਗ ਪੈਲੇਟ ਬਣਾਉਣ ਦਾ ਸੰਦ Color Safe ਹੈ।
✅ ਇੱਕ ਵੈਬਸਾਈਟ ਦੀ ਪਛਾਣ ਕਰੋ ਜੋ ਰੰਗ ਦੇ ਵਰਤਣ ਵਿੱਚ ਬਹੁਤ ਸਮੱਸਿਆਜਨਕ ਹੈ। ਕਿਉਂ?
ਸਹੀ HTML ਵਰਤੋ
CSS ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਨਾਲ, ਕਿਸੇ ਵੀ ਤੱਤ ਨੂੰ ਕਿਸੇ ਵੀ ਕਿਸਮ ਦੇ ਕੰਟਰੋਲ ਵਾਂਗ ਬਣਾਉਣਾ ਸੰਭਵ ਹੈ। <span> ਨੂੰ <button> ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਅਤੇ <b> ਨੂੰ ਹਾਈਪਰਲਿੰਕ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਜਦੋਂ ਕਿ ਇਹ ਸਟਾਈਲ ਕਰਨ ਲਈ ਆਸਾਨ ਸਮਝਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਇਹ ਸਕ੍ਰੀਨ ਰੀਡਰ ਨੂੰ ਕੁਝ ਵੀ ਨਹੀਂ ਦੱਸਦਾ। ਪੇਜ 'ਤੇ ਕੰਟਰੋਲ ਬਣਾਉਣ ਸਮੇਂ ਸਹੀ HTML ਵਰਤੋ। ਜੇਕਰ ਤੁਸੀਂ ਹਾਈਪਰਲਿੰਕ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ <a> ਵਰਤੋ। ਸਹੀ ਕੰਟਰੋਲ ਲਈ ਸਹੀ HTML ਵਰਤਣਾ ਸੈਮੈਂਟਿਕ HTML ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਤੌਰ 'ਤੇ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ।
✅ ਕਿਸੇ ਵੀ ਵੈਬਸਾਈਟ 'ਤੇ ਜਾਓ ਅਤੇ ਵੇਖੋ ਕਿ ਡਿਜ਼ਾਈਨਰ ਅਤੇ ਡਿਵੈਲਪਰ HTML ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਵਰਤ ਰਹੇ ਹਨ ਜਾਂ ਨਹੀਂ। ਕੀ ਤੁਸੀਂ ਕੋਈ ਬਟਨ ਲੱਭ ਸਕਦੇ ਹੋ ਜੋ ਲਿੰਕ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ? ਸੰਕੇਤ: ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ 'View Page Source' ਚੁਣਨ ਲਈ ਸੱਜੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਅਧਾਰਭੂਤ ਕੋਡ ਨੂੰ ਵੇਖੋ।
ਵਰਣਨਾਤਮਕ ਹੈਡਿੰਗ ਹਾਇਰਾਰਕੀ ਬਣਾਓ
ਸਕ੍ਰੀਨ ਰੀਡਰ ਉਪਭੋਗਤਾ ਹੈਡਿੰਗਾਂ 'ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਨਿਰਭਰ ਕਰਦੇ ਹਨ ਜਾਣਕਾਰੀ ਲੱਭਣ ਅਤੇ ਪੇਜ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ। ਵਰਣਨਾਤਮਕ ਹੈਡਿੰਗ ਸਮੱਗਰੀ ਲਿਖਣਾ ਅਤੇ ਸੈਮੈਂਟਿਕ ਹੈਡਿੰਗ ਟੈਗ ਵਰਤਣਾ ਸਕ੍ਰੀਨ ਰੀਡਰ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਆਸਾਨੀ ਨਾਲ ਨੈਵੀਗੇਟ ਕਰਨ ਵਾਲੀ ਸਾਈਟ ਬਣਾਉਣ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ।
ਚੰਗੇ ਦ੍ਰਿਸ਼ਟੀਗਤ ਸੰਕੇਤ ਵਰਤੋ
CSS ਪੇਜ 'ਤੇ ਕਿਸੇ ਵੀ ਤੱਤ ਦੇ ਦ੍ਰਿਸ਼ਟੀਗਤ ਰੂਪ 'ਤੇ ਪੂਰਾ ਕੰਟਰੋਲ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਬਿਨਾਂ ਰੂਪਰੇਖਾ ਵਾਲੇ ਟੈਕਸਟ ਬਾਕਸ ਜਾਂ ਬਿਨਾਂ ਅੰਡਰਲਾਈਨ ਵਾਲੇ ਹਾਈਪਰਲਿੰਕਸ ਬਣਾਉਣ ਲਈ CSS ਵਰਤ ਸਕਦੇ ਹੋ। ਦੁਖ ਦੀ ਗੱਲ ਹੈ ਕਿ ਇਹ ਸੰਕੇਤ ਹਟਾਉਣ ਨਾਲ ਉਹਨਾਂ ਲਈ ਚੁਣੌਤੀਪੂਰਨ ਹੋ ਸਕਦਾ ਹੈ ਜੋ ਉਨ੍ਹਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹਨ ਤਾਂ ਜੋ ਕੰਟਰੋਲ ਦੀ ਕਿਸਮ ਨੂੰ ਪਛਾਣ ਸਕਣ।
ਲਿੰਕ ਟੈਕਸਟ ਦੀ ਮਹੱਤਤਾ
ਹਾਈਪਰਲਿੰਕਸ ਵੈਬ ਨੂੰ ਨੈਵੀਗੇਟ ਕਰਨ ਲਈ ਮੁੱਖ ਹਨ। ਇਸ ਲਈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਣਾ ਕਿ ਸਕ੍ਰੀਨ ਰੀਡਰ ਲਿੰਕਾਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਪੜ੍ਹ ਸਕਦਾ ਹੈ, ਸਾਰੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਤੁਹਾਡੀ ਸਾਈਟ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਸਕ੍ਰੀਨ ਰੀਡਰ ਅਤੇ ਲਿੰਕ
ਜਿਵੇਂ ਤੁਸੀਂ ਉਮੀਦ ਕਰਦੇ ਹੋ, ਸਕ੍ਰੀਨ ਰੀਡਰ ਲਿੰਕ ਟੈਕਸਟ ਨੂੰ ਪੇਜ 'ਤੇ ਕਿਸੇ ਹੋਰ ਟੈਕਸਟ ਵਾਂਗ ਪੜ੍ਹਦੇ ਹਨ। ਇਸ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਦੇ ਹੋਏ, ਹੇਠਾਂ ਦਿੱਤਾ ਟੈਕਸਟ ਸਹੀ ਲੱਗ ਸਕਦਾ ਹੈ।
ਛੋਟਾ ਪੇਂਗੁਇਨ, ਜਿਸਨੂੰ ਕਈ ਵਾਰ ਪਰੀਆਂ ਪੇਂਗੁਇਨ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ, ਸੰਸਾਰ ਦਾ ਸਭ ਤੋਂ ਛੋਟਾ ਪੇਂਗੁਇਨ ਹੈ। ਇੱਥੇ ਕਲਿੱਕ ਕਰੋ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ।
ਛੋਟਾ ਪੇਂਗੁਇਨ, ਜਿਸਨੂੰ ਕਈ ਵਾਰ ਪਰੀਆਂ ਪੇਂਗੁਇਨ ਵਜੋਂ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ, ਸੰਸਾਰ ਦਾ ਸਭ ਤੋਂ ਛੋਟਾ ਪੇਂਗੁਇਨ ਹੈ। ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ https://en.wikipedia.org/wiki/Little_penguin 'ਤੇ ਜਾਓ।
NOTE ਜਿਵੇਂ ਤੁਸੀਂ ਪੜ੍ਹਨ ਵਾਲੇ ਹੋ, ਤੁਹਾਨੂੰ ਕਦੇ ਵੀ ਲਿੰਕਾਂ ਨਹੀਂ ਬਣਾਉਣਾ ਚਾਹੀਦਾ ਜੋ ਉੱਪਰ ਦਿੱਤੇ ਟੈਕਸਟ ਵਰਗੇ ਲੱਗਦੇ ਹਨ।
ਯਾਦ ਰੱਖੋ, ਸਕ੍ਰੀਨ ਰੀਡਰ ਬ੍ਰਾਊਜ਼ਰਾਂ ਤੋਂ ਵੱਖਰੇ ਇੰਟਰਫੇਸ ਹਨ ਜਿਨ੍ਹਾਂ ਵਿੱਚ ਵੱਖਰੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹੁੰਦੀਆਂ ਹਨ।
URL ਵਰਤਣ ਦੀ ਸਮੱਸਿਆ
ਸਕ੍ਰੀਨ ਰੀਡਰ ਟੈਕਸਟ ਪੜ੍ਹਦੇ ਹਨ। ਜੇਕਰ ਟੈਕਸਟ ਵਿੱਚ URL ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਸਕ੍ਰੀਨ ਰੀਡਰ URL ਨੂੰ ਪੜ੍ਹੇਗਾ। ਆਮ ਤੌਰ 'ਤੇ, URL ਅਰਥਪੂਰਨ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਨਹੀਂ ਕਰਦਾ, ਅਤੇ ਇਹ ਪਰੇਸ਼ਾਨ ਕਰਨ ਵਾਲਾ ਲੱਗ ਸਕਦਾ ਹੈ। ਤੁਸੀਂ ਇਸਦਾ ਅਨੁਭਵ ਕੀਤਾ ਹੋਵੇਗਾ ਜੇਕਰ ਤੁਹਾਡੇ ਫੋਨ ਨੇ ਕਦੇ ਆਵਾਜ਼ ਵਿੱਚ URL ਵਾਲਾ ਟੈਕਸਟ ਮੈਸੇਜ ਪੜ੍ਹਿਆ ਹੋਵੇ।
"ਇੱਥੇ ਕਲਿੱਕ ਕਰੋ" ਦੀ ਸਮੱਸਿਆ
ਸਕ ਕਈ ਸਰਕਾਰਾਂ ਕੋਲ ਪਹੁੰਚਯੋਗਤਾ ਦੀਆਂ ਲੋੜਾਂ ਬਾਰੇ ਕਾਨੂੰਨ ਹਨ। ਆਪਣੇ ਦੇਸ਼ ਦੇ ਪਹੁੰਚਯੋਗਤਾ ਕਾਨੂੰਨਾਂ ਬਾਰੇ ਪੜ੍ਹੋ। ਕੀ ਕਵਰ ਕੀਤਾ ਗਿਆ ਹੈ, ਅਤੇ ਕੀ ਨਹੀਂ? ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਇਹ ਸਰਕਾਰੀ ਵੈਬਸਾਈਟ।
ਅਸਾਈਨਮੈਂਟ
ਇੱਕ ਅਪਹੁੰਚਯੋਗ ਵੈਬਸਾਈਟ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰੋ
ਕ੍ਰੈਡਿਟਸ: Turtle Ipsum Instrument ਵੱਲੋਂ
ਅਸਵੀਕਾਰਨਾ:
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ Co-op Translator ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਹਾਲਾਂਕਿ ਅਸੀਂ ਸਹੀਅਤਾ ਲਈ ਯਤਨਸ਼ੀਲ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁੱਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਮੂਲ ਦਸਤਾਵੇਜ਼, ਜੋ ਇਸਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਹੈ, ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤ ਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ।