alt ਗੁਣ ਪਾਠ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਚਿੱਤਰ ਦੀ ਸਮੱਗਰੀ ਜਾਂ ਕਾਰਜ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ। ਇਹ ਉਹ ਯੂਜ਼ਰਾਂ ਅਤੇ ਟੂਲਸ ਦੀ ਸੇਵਾ ਕਰਦਾ ਹੈ ਜੋ ਚਿੱਤਰ ਨੂੰ ਨਹੀਂ ਦੇਖ ਸਕਦੇ।
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt ਗੁਣ ਪਾਠ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਚਿੱਤਰ ਦੀ ਸਮੱਗਰੀ ਜਾਂ ਕਾਰਜ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ। ਇਹ ਉਹ ਯੂਜ਼ਰਾਂ ਅਤੇ ਟੂਲਸ ਦੀ ਸੇਵਾ ਕਰਦਾ ਹੈ ਜੋ ਚਿੱਤਰ ਨੂੰ ਨਹੀਂ ਦੇਖ ਸਕਦੇ।
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt ਪਾਠ ਨੂੰ ਉੱਚੀ ਆਵਾਜ਼ ਵਿੱਚ ਪੜ੍ਹਦੀ ਹੈ, ਜਿਸ ਨਾਲ ਇੱਕ ਅੰਧਾ ਯੂਜ਼ਰ ਜਾਣਦਾ ਹੈ ਕਿ ਚਿੱਤਰ ਕੀ ਦੱਸਦਾ ਹੈ। ਇਸ ਤੋਂ ਬਿਨਾ, ਉਹ ਕੇਵਲ ਫ਼ਾਈਲ ਨਾਮ ਜਾਂ ਸਿਰਫ "ਚਿੱਤਰ" ਸੁਣਦੇ ਹਨ — ਬੇਕਾਰ।alt ਪਾਠ ਦਿਖਾਉਂਦਾ ਹੈ।alt ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਚਿੱਤਰਾਂ ਨੂੰ ਸਮਝਣ ਅਤੇ ਇੰਡੈਕਸ ਕਰਨ ਲਈ (ਚਿੱਤਰ SEO)।<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (ਖਾਲੀ, ਪਰ ਮੌਜੂਦ) ਮਹੱਤਵਪੂਰਨ ਹੈ: ਇਹ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਨੂੰ ਦੱਸਦਾ ਹੈ "ਇਹ ਸਜਾਵਟੀ ਹੈ, ਇਸ ਨੂੰ ਨਜ਼ਰ ਅੰਦਾਜ਼ ਕਰੋ।" ਪੂਰੀ ਤਰ੍ਹਾਂ alt ਛੱਡਣਾ ਵੱਖਰਾ ਹੈ — ਫਿਰ ਰੀਡਰ ਫ਼ਾਈਲ ਨਾਮ ਦੀ ਘੋਸ਼ਣਾ ਕਰ ਸਕਦਾ ਹੈ।
alt ਚਿੱਤਰਾਂ ਲਈ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਪਹੁੰਚ ਯੋਗਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਅਤੇ ਪਹੁੰਚ ਯੋਗਤਾ ਮਾਨਕਾਂ (WCAG) ਦੀ ਕਾਨੂੰਨੀ ਲੋੜ ਹੈ।
ਇਹ ਸਮੱਗਰੀ ਨੂੰ ਗੈਰ-ਦ੍ਰਿਸ਼ਵਾਨ ਯੂਜ਼ਰਾਂ ਲਈ ਸਮਝਯੋਗ ਬਣਾਉਂਦਾ ਹੈ, ਜਦੋਂ ਚਿੱਤਰ ਟੁੱਟ ਜਾਣ ਤਾਂ ਫਾਲਬੈਕ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਅਤੇ SEO ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ — ਸੰਦਰਭ ਵਿੱਚ ਚਿੱਤਰ ਕੀ ਅਰਥ ਹੈ ਉਸ ਦਾ ਵਰਣਨ ਕਰੋ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਜਾਵਟੀ ਚਿੱਤਰਾਂ ਲਈ alt="" ਵਰਤੋ।