ਲਾਭ:
- ਆਰਟੀਫੀਸ਼ੀਅਲ ਇੰਟੈਲੀਜੈਂਸ ਸਪੋਰਟ ਦੇ ਨਾਲ ਰੰਗ ਕੰਟਰਾਸਟ, ਵਿਕਲਪਕ ਟੈਕਸਟ, ਕੀਬੋਰਡ ਐਕਸੈਸ ਅਤੇ ਡਬਲਯੂਸੀਏਜੀ ਮਾਪਦੰਡ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਅਤੇ ਸੁਧਾਰਨ ਦੀ ਸਮਰੱਥਾ
- ਸਕਰੀਨ ਰੀਡਰ ਅਨੁਭਵ, Alt ਟੈਕਸਟ ਅਤੇ ਆਰਟੀਫੀਸ਼ੀਅਲ ਇੰਟੈਲੀਜੈਂਸ ਵਾਲੇ ਫਾਰਮ ਲੇਬਲ ਵਰਗੀਆਂ ਪਹੁੰਚਯੋਗਤਾ ਟੈਕਸਟ ਨੂੰ ਬਣਾਉਣ ਅਤੇ ਤਸਦੀਕ ਕਰਨ ਦੀ ਸਮਰੱਥਾ
- ਅਸਲ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਅਤੇ ਉਪਭੋਗਤਾ ਟੈਸਟਿੰਗ ਨਾਲ AI ਦੀਆਂ ਪਹੁੰਚਯੋਗਤਾ ਸਿਫ਼ਾਰਸ਼ਾਂ ਨੂੰ ਪ੍ਰਮਾਣਿਤ ਕਰਨ ਦੀ ਸੀਮਾ ਨੂੰ ਸਮਝਣਾ
ਅਸੈਸਬਿਲਟੀ (ਛੋਟੇ ਲਈ a11y) ਇੱਕ ਉਤਪਾਦ ਦੀ ਯੋਗਤਾ ਹੈ ਜਿਸ ਦੀ ਵਰਤੋਂ ਹਰ ਕਿਸੇ ਦੁਆਰਾ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ, ਜਿਸ ਵਿੱਚ ਅਪਾਹਜ ਵਿਅਕਤੀਆਂ ਵੀ ਸ਼ਾਮਲ ਹਨ: ਇੱਕ ਦ੍ਰਿਸ਼ਟੀਹੀਣ ਉਪਭੋਗਤਾ ਸਕ੍ਰੀਨ ਰੀਡਰ (ਸਹਾਇਕ ਸੌਫਟਵੇਅਰ ਜੋ ਟੈਕਸਟ ਨੂੰ ਭਾਸ਼ਣ ਵਿੱਚ ਬਦਲਦਾ ਹੈ) ਨਾਲ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦਾ ਹੈ, ਮੋਟਰ ਮੁਸ਼ਕਲਾਂ ਵਾਲਾ ਵਿਅਕਤੀ ਕੀਬੋਰਡ ਨਾਲ ਕੁਝ ਵੀ ਕਰ ਸਕਦਾ ਹੈ, ਇੱਕ ਕਲਰ ਬਲਾਇੰਡ ਵਿਅਕਤੀ ਰੰਗ 'ਤੇ ਨਿਰਭਰ ਕੀਤੇ ਬਿਨਾਂ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦਾ ਹੈ। ਸੰਮਲਿਤ ਡਿਜ਼ਾਇਨ ਵਿਆਪਕ ਹੈ: ਇਹ ਮਨੁੱਖੀ ਵਿਭਿੰਨਤਾ ਨੂੰ ਡਿਜ਼ਾਈਨ ਦੇ ਕੇਂਦਰ ਵਿੱਚ ਰੱਖਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਉਮਰ, ਭਾਸ਼ਾ, ਸੱਭਿਆਚਾਰ, ਅਸਥਾਈ ਅਪਾਹਜਤਾ (ਟੁੱਟੀ ਬਾਂਹ) ਜਾਂ ਪ੍ਰਸੰਗਿਕ ਅਪੰਗਤਾ (ਸੂਰਜ ਵਿੱਚ ਸਕ੍ਰੀਨ) ਸ਼ਾਮਲ ਹਨ। ਬਹੁਤੇ ਦੇਸ਼ਾਂ ਵਿੱਚ ਪਹੁੰਚਯੋਗਤਾ ਇੱਕ "ਵਾਧੂ" ਨਹੀਂ ਹੈ ਪਰ ਇੱਕ ਬੁਨਿਆਦੀ ਜ਼ਿੰਮੇਵਾਰੀ ਅਤੇ ਇੱਕ ਕਾਨੂੰਨੀ ਲੋੜ ਹੈ। AI ਇਸ ਖੇਤਰ ਵਿੱਚ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਪ੍ਰੀਸਕਰੀਨਰ ਅਤੇ ਡਰਾਫਟ ਜਨਰੇਟਰ ਹੈ; ਪਰ ਅਸਲ ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਪੁਸ਼ਟੀ ਅਸਲ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਅਤੇ ਉਪਭੋਗਤਾ ਟੈਸਟਿੰਗ ਦੁਆਰਾ ਹੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
WCAG ਅਤੇ ਮੁੱਖ ਨਿਯੰਤਰਣ ਖੇਤਰ
WCAG (ਵੈੱਬ ਸਮੱਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼) ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਅੰਤਰਰਾਸ਼ਟਰੀ ਤੌਰ 'ਤੇ ਸਵੀਕਾਰ ਕੀਤੇ ਮਾਪਦੰਡਾਂ ਦਾ ਇੱਕ ਸਮੂਹ ਹੈ; AA ਪੱਧਰ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਨਿਸ਼ਾਨਾ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਦੇ ਚਾਰ ਸਿਧਾਂਤ ਹਨ: ਸਮੱਗਰੀ ਨੂੰ ਸਮਝਣ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਇੰਟਰਫੇਸ ਵਰਤੋਂ ਯੋਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਜਾਣਕਾਰੀ ਸਮਝਣ ਯੋਗ ਅਤੇ ਤਕਨੀਕੀ ਤੌਰ 'ਤੇ ਸਹੀ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ। ਅਭਿਆਸ ਵਿੱਚ ਸਭ ਤੋਂ ਆਮ ਨਿਯੰਤਰਣ ਖੇਤਰ ਹਨ:
- ਰੰਗ ਵਿਪਰੀਤ: ਕੀ ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਉਂਡ ਵਿੱਚ ਅੰਤਰ ਕਾਫ਼ੀ ਹੈ? (AA ਲਈ, ਆਮ ਟੈਕਸਟ ਵਿੱਚ ਘੱਟੋ-ਘੱਟ 4.5:1 ਅਨੁਪਾਤ।)
- ਵਿਕਲਪਕ ਟੈਕਸਟ (ਆਲਟ ਟੈਕਸਟ): ਕੀ ਚਿੱਤਰਾਂ ਵਿੱਚ ਇੱਕ ਟੈਕਸਟ ਬਰਾਬਰ ਹੈ ਜੋ ਉਹਨਾਂ ਨੂੰ ਸਕ੍ਰੀਨ ਰੀਡਰ ਨੂੰ ਸਮਝਾਉਂਦਾ ਹੈ?
- ਕੀਬੋਰਡ ਐਕਸੈਸ: ਕੀ ਮਾਊਸ ਤੋਂ ਬਿਨਾਂ ਕੁਝ ਵੀ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ? ਕੀ ਫੋਕਸ ਆਰਡਰ ਦਾ ਕੋਈ ਅਰਥ ਹੈ?
- ਸਿਰਫ਼ ਰੰਗ ਦੀ ਜਾਣਕਾਰੀ: "ਲਾਲ ਖੇਤਰਾਂ ਵਿੱਚ ਭਰੋ" ਵਰਗੇ ਵਾਕਾਂਸ਼ ਕਲਰ ਬਲਾਇੰਡ ਉਪਭੋਗਤਾ ਨੂੰ ਬਾਹਰ ਕੱਢਦੇ ਹਨ।
- ਫਾਰਮ ਲੇਬਲ: ਕੀ ਹਰੇਕ ਇਨਪੁਟ ਖੇਤਰ ਵਿੱਚ ਇੱਕ ਲੇਬਲ ਹੁੰਦਾ ਹੈ ਜੋ ਸਕ੍ਰੀਨ ਰੀਡਰ ਪੜ੍ਹੇਗਾ?
- ਟਚ ਟੀਚਾ: ਕੀ ਬਟਨ ਇੰਨੇ ਵੱਡੇ ਹਨ ਕਿ ਉਂਗਲਾਂ ਨਾਲ ਆਰਾਮ ਨਾਲ ਦਬਾਇਆ ਜਾ ਸਕਦਾ ਹੈ?
AI ਇਹਨਾਂ ਵਿੱਚੋਂ ਬਹੁਤ ਸਾਰੇ ਖੇਤਰਾਂ ਵਿੱਚ ਇੱਕ ਤੇਜ਼ ਸ਼ੁਰੂਆਤੀ ਸਕੈਨ ਕਰ ਸਕਦਾ ਹੈ: ਤੁਸੀਂ ਕੁਝ ਟੈਕਸਟ ਦੇ ਸਕਦੇ ਹੋ ਅਤੇ ਪੁੱਛ ਸਕਦੇ ਹੋ "ਕੀ ਕੰਟ੍ਰਾਸਟ ਕਾਫ਼ੀ ਹੈ?", ਇੱਕ ਚਿੱਤਰ ਵੇਰਵਾ ਦਿਓ ਅਤੇ "ਆਲਟ ਟੈਕਸਟ ਸੁਝਾਓ", ਇੱਕ ਇੰਟਰਫੇਸ ਵੇਰਵਾ ਦਿਓ ਅਤੇ ਪੁੱਛੋ ਕਿ "ਕੀਬੋਰਡ ਐਕਸੈਸ ਸਮੱਸਿਆਵਾਂ ਕੀ ਹਨ"।
ਸਾਵਧਾਨ: ਸਿਰਫ਼ ਕਿਉਂਕਿ AI ਕਹਿੰਦਾ ਹੈ "ਇਹ ਪਹੁੰਚਯੋਗ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ" ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਗਾਰੰਟੀ ਨਹੀਂ ਹੈ। ਆਟੋਮੈਟਿਕ ਜਾਂਚ WCAG ਦੀਆਂ ਕੁਝ ਗਲਤੀਆਂ ਨੂੰ ਫੜਦੀ ਹੈ; ਬਾਕੀ ਅਸਲ ਵਰਤੋਂ ਨਾਲ ਉਭਰੇਗਾ।
Alt ਟੈਕਸਟ: ਚੰਗੇ Alt ਟੈਕਸਟ ਦਾ ਰਾਜ਼
Alt ਟੈਕਸਟ ਨੇਤਰਹੀਣ ਉਪਭੋਗਤਾ ਲਈ ਚਿੱਤਰ ਨੂੰ ਬਦਲਦਾ ਹੈ। ਵਧੀਆ Alt ਟੈਕਸਟ ਚਿੱਤਰ ਦੇ ਕਾਰਜ ਅਤੇ ਅਰਥ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਨਾ ਕਿ ਇਸਦੇ ਸਜਾਵਟੀ ਵੇਰਵੇ। "ਕਾਰਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ" ਪ੍ਰਤੀਕ ਲਈ Alt ਟੈਕਸਟ "ਕਾਰਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ" ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਨਾ ਕਿ "ਸ਼ਾਪਿੰਗ ਕਾਰਟ ਚਿੱਤਰ" ਕਿਉਂਕਿ ਇਹ ਉਹ ਕਿਰਿਆ ਹੈ ਜੋ ਉਪਭੋਗਤਾ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ। AI ਸਬਟੈਕਸਟ ਰੂਪਰੇਖਾ ਤਿਆਰ ਕਰਨ ਵਿੱਚ ਚੰਗਾ ਹੈ, ਪਰ ਕਿਉਂਕਿ ਇਹ ਸੰਦਰਭ ਨਹੀਂ ਜਾਣਦਾ ਹੈ, ਇਹ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵਰਣਨਯੋਗ ਜਾਂ ਅਪ੍ਰਸੰਗਿਕ ਟੈਕਸਟ ਪੈਦਾ ਕਰ ਸਕਦਾ ਹੈ। ਤੁਸੀਂ ਹਰੇਕ Alt ਟੈਕਸਟ ਨੂੰ ਪੁੱਛਦੇ ਹੋ "ਇਹ ਚਿੱਤਰ ਇੱਥੇ ਕਿਉਂ ਹੈ?" ਸਵਾਲ ਦੇ ਨਾਲ ਕਰੋਪ ਕਰੋ।
ਵਿਜ਼ੂਅਲ
ਕਮਜ਼ੋਰ ਸਬਟੈਕਸਟ
ਮਜ਼ਬੂਤ ਸਬਟੈਕਸਟ
ਕਾਰਟ ਆਈਕਨ (ਬਟਨ)
"ਕਾਰਟ ਆਈਕਨ, ਸਲੇਟੀ ਰੰਗ"
"ਕਾਰਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ"
ਉਤਪਾਦ ਦੀ ਫੋਟੋ
"ਤਸਵੀਰ"
"ਨੀਲਾ ਸਰਦੀਆਂ ਦਾ ਕੋਟ, ਸਾਹਮਣੇ ਦਾ ਦ੍ਰਿਸ਼"
ਸਜਾਵਟੀ ਲਾਈਨ
"ਸਜਾਵਟ ਲਾਈਨ"
(ਖਾਲੀ ਛੱਡੋ - ਸਜਾਵਟੀ)
ਗ੍ਰਾਫਿਕਸ
"ਗ੍ਰਾਫਿਕ ਚਿੱਤਰ"
"2024 ਦੀ ਵਿਕਰੀ: ਹਰ ਤਿਮਾਹੀ ਵਿੱਚ ਵਾਧਾ"
ਸੰਮਲਿਤ ਭਾਸ਼ਾ ਅਤੇ ਦਾਇਰੇ
ਪਹੁੰਚਯੋਗਤਾ ਤਕਨੀਕੀ ਨਿਯੰਤਰਣਾਂ ਤੱਕ ਸੀਮਿਤ ਨਹੀਂ ਹੈ; ਭਾਸ਼ਾ ਵੀ ਸ਼ਾਮਲ ਹੈ। ਟੈਕਸਟ ਜੋ ਲਿੰਗ ("ਉਪਭੋਗਤਾ ਅਤੇ ਉਸਦਾ/ਉਸ ਦਾ ਜੀਵਨ ਸਾਥੀ") ਮੰਨਦਾ ਹੈ, ਯੋਗਤਾ ("ਝਲਕ," "ਆਸਾਨੀ ਨਾਲ ਸੁਣੋ") ਦੇ ਆਧਾਰ 'ਤੇ ਬਾਹਰ ਕੱਢਦਾ ਹੈ, ਜਾਂ ਸੱਭਿਆਚਾਰਕ ਧਾਰਨਾਵਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ, ਕੁਝ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਬਾਹਰ ਕਰ ਦੇਵੇਗਾ। AI ਇਸ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਤੋਂ ਟੈਕਸਟ ਨੂੰ ਸਕੈਨ ਕਰ ਸਕਦਾ ਹੈ, ਪਰ ਤੁਹਾਨੂੰ ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ "ਨਿਰਪੱਖ" ਭਾਸ਼ਾ ਜੋ ਇਹ ਸੁਝਾਉਂਦੀ ਹੈ ਉਹ ਕੁਦਰਤੀ ਅਤੇ ਸਮਝਣ ਯੋਗ ਹੈ; ਜ਼ਿਆਦਾ ਸੁਧਾਰ ਕਰਨਾ ਟੈਕਸਟ ਨੂੰ ਅਜੀਬ ਬਣਾ ਸਕਦਾ ਹੈ।
ਤਿੰਨ ਛੋਟੇ ਕੇਸ
ਕੇਸ 1 - ਕੰਟ੍ਰਾਸਟ ਗਲਤੀਆਂ ਜਲਦੀ ਫੜੀਆਂ ਗਈਆਂ। ਇੱਕ ਟੀਮ ਨੇ 20 ਸਕ੍ਰੀਨਾਂ ਦੇ ਟੈਕਸਟ ਰੰਗਾਂ ਨੂੰ AI ਸਕੈਨ ਕੀਤਾ ਅਤੇ ਇਹ ਨਿਰਧਾਰਤ ਕੀਤਾ ਕਿ 7 ਸਥਾਨਾਂ ਵਿੱਚ ਕੰਟ੍ਰਾਸਟ AA ਥ੍ਰੈਸ਼ਹੋਲਡ ਤੋਂ ਹੇਠਾਂ ਸੀ। ਵਿਕਾਸ ਵਿੱਚ ਜਾਣ ਤੋਂ ਬਿਨਾਂ ਸੁਧਾਰ ਕੀਤੇ ਗਏ ਸਨ; ਬਾਅਦ ਦੇ ਸੁਧਾਰ ਦੀ ਲਾਗਤ ਤੋਂ ਬਚਿਆ ਗਿਆ ਸੀ। ਪਰ ਟੀਮ ਨੇ ਅਜੇ ਵੀ ਅਸਲ ਸਕ੍ਰੀਨ ਰੀਡਰ ਟੈਸਟ ਨੂੰ ਨਹੀਂ ਛੱਡਿਆ।
ਕੇਸ 2 - ਸਿਰਫ਼ ਰੰਗ-ਸਬੰਧਤ ਜਾਣਕਾਰੀ ਨੂੰ ਠੀਕ ਕੀਤਾ ਗਿਆ ਸੀ। ਇੱਕ ਫ਼ਾਰਮ ਵਿੱਚ ਸਿਰਫ਼ ਲਾਲ ਕਿਨਾਰੇ ਵਾਲੇ ਅਸ਼ੁੱਧੀ ਖੇਤਰ ਦਿਖਾਏ ਗਏ ਹਨ। ਏਆਈ ਨੇ ਇਸ ਨੂੰ ਫਲੈਗ ਕੀਤਾ; ਟੀਮ ਨੇ ਹਰੇਕ ਗਲਤੀ ਲਈ ਟੈਕਸਟ ਅਤੇ ਆਈਕਨ ਵੀ ਸ਼ਾਮਲ ਕੀਤੇ। ਕਲਰਬਲਾਈਂਡ ਉਪਭੋਗਤਾ ਹੁਣ ਗਲਤੀ ਦੇਖ ਸਕਦੇ ਹਨ। ਸਬਕ: ਸਿਰਫ਼ ਰੰਗ ਹੀ ਜਾਣਕਾਰੀ ਨਹੀਂ ਦੱਸ ਸਕਦਾ।
ਕੇਸ 3 - AI ਨੇ ਗੁੰਮਰਾਹਕੁੰਨ ਪ੍ਰਵਾਨਗੀ। ਇੱਕ ਡਿਜ਼ਾਈਨਰ ਨੇ ਸਕ੍ਰੀਨ ਰੀਡਰ ਟੈਸਟਿੰਗ ਛੱਡ ਦਿੱਤੀ ਕਿਉਂਕਿ ਉਸਨੇ AI ਨੂੰ "ਪਹੁੰਚਯੋਗ" ਕਿਹਾ। ਅਸਲ ਟੈਸਟ ਵਿੱਚ, ਇਹ ਪਤਾ ਚਲਿਆ ਕਿ ਫੋਕਸ ਆਰਡਰ ਉਲਝਣ ਵਿੱਚ ਸੀ ਅਤੇ ਕੁਝ ਬਟਨ ਬਿਲਕੁਲ ਨਹੀਂ ਪੜ੍ਹੇ ਗਏ ਸਨ. ਪਾਠ: ਆਟੋਮੈਟਿਕ ਪੁਸ਼ਟੀਕਰਨ ਸ਼ੁਰੂਆਤ ਹੈ; ਅਸਲ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਟੈਸਟਿੰਗ ਲਾਜ਼ਮੀ ਹੈ।
ਕਾਪੀ ਕਰਨ ਯੋਗ ਉਤਪ੍ਰੇਰਕ
ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਇਸ ਇੰਟਰਫੇਸ ਵਰਣਨ ਨੂੰ ਪ੍ਰੀ-ਸਕੈਨ ਕਰੋ: 1) ਕੀ ਇੱਥੇ ਸਿਰਫ਼ ਰੰਗ ਦੇ ਆਧਾਰ 'ਤੇ ਜਾਣਕਾਰੀ ਹੈ? 2) ਕੀ ਹਰੇਕ ਕਲਿੱਕ ਕਰਨ ਯੋਗ ਤੱਤ ਲਈ ਕੋਈ ਟੈਕਸਟ ਲੇਬਲ ਹੈ? 3) ਕੀ ਕੋਈ ਅਜਿਹੇ ਤੱਤ ਹਨ ਜਿਨ੍ਹਾਂ ਤੱਕ ਕੀਬੋਰਡ ਰਾਹੀਂ ਪਹੁੰਚ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ? 4) ਕੀ ਫੋਕਸ ਆਰਡਰ ਦਾ ਕੋਈ ਅਰਥ ਹੈ? ਹਰੇਕ ਸਮੱਸਿਆ ਅਤੇ ਸੁਝਾਅ ਦੀ ਸੂਚੀ ਬਣਾਓ। ਨੋਟ ਸ਼ਾਮਲ ਕਰੋ "ਅਸਲ ਟੈਸਟ ਦੀ ਲੋੜ ਹੈ।" ਵਿਅੰਜਨ: <<text>>
ਇਹਨਾਂ ਚਿੱਤਰਾਂ ਲਈ Alt ਟੈਕਸਟ ਦਾ ਸੁਝਾਅ ਦਿਓ। ਨਿਯਮ: ਚਿੱਤਰ ਦੇ ਫੰਕਸ਼ਨ/ਅਰਥ ਨੂੰ ਵਿਅਕਤ ਕਰੋ, ਨਾ ਕਿ ਸਜਾਵਟੀ ਵੇਰਵੇ। ਬਟਨ ਆਈਕਾਨਾਂ ਲਈ ਕਾਰਵਾਈ ਲਿਖੋ। ਸਜਾਵਟੀ ਚਿੱਤਰਾਂ ਲਈ, ਕਹੋ "Alt ਟੈਕਸਟ ਖਾਲੀ ਛੱਡਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ"। ਸੰਦਰਭ ਅਤੇ ਚਿੱਤਰ ਵਰਣਨ: <<list>>
ਸੰਮਿਲਿਤ ਭਾਸ਼ਾ ਲਈ ਇਹਨਾਂ ਲਿਖਤਾਂ ਦੀ ਜਾਂਚ ਕਰੋ: ਕੀ ਇੱਥੇ ਲਿੰਗ ਧਾਰਨਾਵਾਂ, ਯੋਗਤਾ-ਆਧਾਰਿਤ ਬੇਦਖਲੀ ਭਾਸ਼ਾ (ਜਿਵੇਂ ਕਿ "ਵੇਖੋ", "ਸੁਣੋ"), ਸੱਭਿਆਚਾਰਕ ਧਾਰਨਾਵਾਂ ਹਨ? ਕੁਦਰਤੀ ਰਹਿਣ ਵਾਲੇ ਵਿਕਲਪਾਂ ਦਾ ਸੁਝਾਅ ਦਿਓ; ਜ਼ਿਆਦਾ ਠੀਕ ਨਾ ਕਰੋ। ਟੈਕਸਟ: <<list>>
ਇਸ ਫਾਰਮ ਲਈ ਪਹੁੰਚਯੋਗ ਗਲਤੀ ਅਤੇ ਲੇਬਲ ਟੈਕਸਟ ਲਿਖੋ: ਹਰੇਕ ਖੇਤਰ ਲਈ ਦ੍ਰਿਸ਼ਮਾਨ ਲੇਬਲ, ਸਕ੍ਰੀਨ ਰੀਡਰ ਲਈ ਵਰਣਨ, ਅਤੇ ਰੰਗ (ਟੈਕਸਟ + ਆਈਕਨ) ਦੀ ਪਰਵਾਹ ਕੀਤੇ ਬਿਨਾਂ, ਗਲਤੀ ਦਾ ਵਰਣਨ ਕਰਨ ਵਾਲਾ ਸੁਨੇਹਾ। ਵੌਇਸ ਅਤੇ ਟੋਨ: <<card>>ਫਾਰਮ ਖੇਤਰ: <<list>>
ਕਮਜ਼ੋਰ ਪ੍ਰੋਂਪਟ / ਮਜ਼ਬੂਤ ਪ੍ਰੋਂਪਟ
ਕਮਜ਼ੋਰ: "ਇਸ ਚਿੱਤਰ ਲਈ Alt ਟੈਕਸਟ ਲਿਖੋ।"
ਨਤੀਜਾ: "ਇੱਕ ਚਿੱਤਰ" ਜਾਂ ਬਹੁਤ ਜ਼ਿਆਦਾ ਵਰਣਨਯੋਗ ਟੈਕਸਟ ਜੋ ਫੰਕਸ਼ਨ ਤੋਂ ਖੁੰਝ ਜਾਂਦਾ ਹੈ।
ਮਜ਼ਬੂਤ: "ਇਨ੍ਹਾਂ ਚਿੱਤਰਾਂ ਲਈ Alt ਟੈਕਸਟ ਦਾ ਸੁਝਾਅ ਦਿਓ; ਚਿੱਤਰ ਦਾ ਫੰਕਸ਼ਨ/ਅਰਥ ਦੱਸੋ; ਬਟਨ ਆਈਕਨਾਂ ਲਈ ਐਕਸ਼ਨ ਲਿਖੋ; ਸਜਾਵਟੀ ਨੂੰ 'ਖਾਲੀ ਛੱਡਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ' ਵਜੋਂ ਮਾਰਕ ਕਰੋ।"
ਨਤੀਜਾ: ਪ੍ਰਸੰਗਿਕ, ਫੰਕਸ਼ਨ-ਅਧਾਰਿਤ, ਸਟੀਕ ਸਬਟੈਕਸਟ।
ਅੰਤਰ: ਮਜ਼ਬੂਤ ਪ੍ਰੋਂਪਟ ਫੰਕਸ਼ਨਲ ਫੋਕਸ + ਬਟਨ ਸੰਮੇਲਨ + ਸਜਾਵਟੀ ਅੰਤਰ ਲਿਆਉਂਦਾ ਹੈ।
ਆਮ ਗਲਤੀਆਂ
- ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਗਾਰੰਟੀ ਵਜੋਂ ਨਕਲੀ ਬੁੱਧੀ ਦੀ ਪ੍ਰਵਾਨਗੀ ਨੂੰ ਗਲਤ ਸਮਝਣਾ। ਇਹ ਅਸਲ ਟੈਸਟਿੰਗ ਦਾ ਬਦਲ ਨਹੀਂ ਹੈ।
- ਬਸ ਜਾਣਕਾਰੀ ਨੂੰ ਰੰਗ ਵਿੱਚ ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ। ਕਲਰਬਲਾਈਂਡ ਉਪਭੋਗਤਾ ਜਾਣਕਾਰੀ ਗੁਆ ਦਿੰਦੇ ਹਨ.
- Alt ਟੈਕਸਟ ਵਿੱਚ ਚਿੱਤਰ ਨੂੰ ਸਮਝਾਉਣਾ, ਫੰਕਸ਼ਨ ਦੀ ਨਹੀਂ। ਬਟਨ ਆਈਕਨ ਲਈ ਇੱਕ ਕਿਰਿਆ ਲਿਖੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ।
- ਆਖਰੀ ਲਈ ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਛੱਡਣਾ। ਜੇਕਰ ਇਸਨੂੰ ਵਾਇਰਫ੍ਰੇਮ ਪੜਾਅ 'ਤੇ ਸ਼ੁਰੂ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਸਨੂੰ ਬਾਅਦ ਵਿੱਚ ਪੈਚ ਕਰਨਾ ਮਹਿੰਗਾ ਹੋਵੇਗਾ।
- ਜ਼ਿਆਦਾ ਠੀਕ ਕੀਤੀ ਭਾਸ਼ਾ। ਸੰਮਿਲਿਤ ਭਾਸ਼ਾ ਜੋ ਸੁਭਾਵਿਕਤਾ ਨੂੰ ਗੁਆ ਦਿੰਦੀ ਹੈ, ਉਹ ਸਮਝਦਾਰੀ ਨੂੰ ਵੀ ਕਮਜ਼ੋਰ ਕਰਦੀ ਹੈ।
ਸੰਖੇਪ ਵਿੱਚ
ਪਹੁੰਚਯੋਗਤਾ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਉਤਪਾਦ ਹਰ ਕਿਸੇ ਲਈ ਉਪਲਬਧ ਹੈ; ਇਹ ਕੋਈ ਵਾਧੂ ਨਹੀਂ ਹੈ, ਇਹ ਇੱਕ ਜ਼ਰੂਰੀ ਹੈ ਅਤੇ, ਜ਼ਿਆਦਾਤਰ ਥਾਵਾਂ 'ਤੇ, ਇੱਕ ਕਾਨੂੰਨੀ ਜ਼ਿੰਮੇਵਾਰੀ ਹੈ। AI ਕੰਟ੍ਰਾਸਟ, Alt ਟੈਕਸਟ, ਕੀਬੋਰਡ ਐਕਸੈਸ, ਅਤੇ ਸੰਮਲਿਤ ਭਾਸ਼ਾ ਸਕੈਨਿੰਗ ਲਈ ਇੱਕ ਤੇਜ਼ ਪ੍ਰੀਫਲਾਈਟ ਅਤੇ ਡਰਾਫਟ ਜਨਰੇਟਰ ਵਜੋਂ ਕੀਮਤੀ ਹੈ। ਪਰ ਆਟੋਮੈਟਿਕ ਮਨਜ਼ੂਰੀ ਸਿਰਫ WCAG ਦੀਆਂ ਕੁਝ ਗਲਤੀਆਂ ਨੂੰ ਫੜਦੀ ਹੈ; ਅਸਲ ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਪੁਸ਼ਟੀ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਅਤੇ ਅਸਲ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਉਪਭੋਗਤਾਵਾਂ ਨਾਲ ਜਾਂਚ ਕਰਕੇ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇੱਕ ਫਰੰਟ ਬਰਾਊਜ਼ਰ ਦੇ ਤੌਰ ਤੇ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਸਲ ਟੈਸਟਿੰਗ ਤੋਂ ਸਬੂਤ ਪ੍ਰਾਪਤ ਕਰੋ.
ਐਪਲੀਕੇਸ਼ਨ ਦਾ ਕੰਮ
- ਪਹਿਲੇ ਪ੍ਰੋਂਪਟ 'ਤੇ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਇੱਕ ਇੰਟਰਫੇਸ ਵਰਣਨ ਨੂੰ ਪ੍ਰੀ-ਸਕੈਨ ਕਰੋ।
- ਸਿਰਫ਼ ਰੰਗ-ਅਧਾਰਿਤ ਜਾਣਕਾਰੀ ਜਾਂ ਲੇਬਲ ਰਹਿਤ ਆਈਟਮਾਂ ਨੂੰ ਠੀਕ ਕਰੋ।
- ਦੂਜੇ ਪ੍ਰੋਂਪਟ ਨਾਲ ਆਪਣੀ ਸਕਰੀਨ 'ਤੇ ਵਿਜ਼ੁਅਲਸ ਲਈ ਫੰਕਸ਼ਨ-ਅਧਾਰਿਤ Alt ਟੈਕਸਟ ਤਿਆਰ ਕਰੋ।
- ਤੀਜੇ ਪ੍ਰੋਂਪਟ ਨਾਲ ਸੰਮਲਿਤ ਭਾਸ਼ਾ ਲਈ ਆਪਣੇ ਟੈਕਸਟ ਦੀ ਜਾਂਚ ਕਰੋ।
- ਜੇ ਸੰਭਵ ਹੋਵੇ, ਤਾਂ ਇੱਕ ਸਕ੍ਰੀਨ ਰੀਡਰ ਨਾਲ ਅਸਲ ਟੈਸਟ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਅਤੇ ਨੋਟ ਕਰੋ ਕਿ ਆਟੋਮੈਟਿਕ ਸਕੈਨ ਕੀ ਖੁੰਝਦਾ ਹੈ।
ਚੈੱਕਲਿਸਟ
- [ ] ਮੈਂ ਕੰਟ੍ਰਾਸਟ, ਕੀਬੋਰਡ ਐਕਸੈਸ ਅਤੇ ਲੇਬਲਾਂ ਨੂੰ ਪ੍ਰੀ-ਸਕੈਨ ਕੀਤਾ ਹੈ।
- [ ] ਮੈਂ ਸਿਰਫ਼ ਰੰਗ ਦੇ ਆਧਾਰ 'ਤੇ ਜਾਣਕਾਰੀ ਨਹੀਂ ਛੱਡੀ।
- [ ] ਮੈਂ ਉਪ-ਟੈਕਸਟਾਂ ਨੂੰ ਕਾਰਜਸ਼ੀਲ ਤਰੀਕੇ ਨਾਲ ਲਿਖਿਆ ਅਤੇ ਸਜਾਵਟੀ ਨੂੰ ਖਾਲੀ ਛੱਡ ਦਿੱਤਾ।
- [ ] ਮੈਂ ਇੱਕ ਸੰਮਲਿਤ ਭਾਸ਼ਾ ਨਿਯੰਤਰਣ ਬਣਾਇਆ, ਮੈਂ ਸੁਭਾਵਿਕਤਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਿਆ।
- [ ] ਮੈਂ ਆਟੋਮੈਟਿਕ ਮਨਜ਼ੂਰੀ ਨੂੰ ਪਹੁੰਚਯੋਗਤਾ ਦੀ ਗਰੰਟੀ ਨਹੀਂ ਸਮਝਿਆ।
- [ ] ਮੈਂ ਅਸਲ ਸਹਾਇਕ ਤਕਨਾਲੋਜੀ ਟੈਸਟਿੰਗ ਦੀ ਯੋਜਨਾ ਬਣਾਈ/ਲਾਗੂ ਕੀਤੀ।