ایک <label> فارم کنٹرول کو ایک قابل رسائی نام اور ایک بڑا کلک ٹارگٹ دیتا ہے۔ انہیں منسلک کرنے کے دو طریقے ہیں، اور ایسا کرنا رسائی کے لیے ضروری ہے۔
طریقہ 1: for + id (واضح)
html
Email address
ایک <label> فارم کنٹرول کو ایک قابل رسائی نام اور ایک بڑا کلک ٹارگٹ دیتا ہے۔ انہیں منسلک کرنے کے دو طریقے ہیں، اور ایسا کرنا رسائی کے لیے ضروری ہے۔
for + id (واضح)Email address
لیبل کا for input کے id سے مماثل ہے۔ یہ اس صورت میں بھی کام کرتا ہے اگر وہ مارک اپ میں ملحق نہ ہوں۔
<label>
Email address
<input type="email" />
</label>
input لیبل کے اندر موجود ہے — کوئی id کی ضرورت نہیں ہے۔
<label><input type="checkbox" /> I agree to the terms</label>
<!-- clicking the text toggles the checkbox -->
<input placeholder="Email" /> <!-- ❌ disappears on typing, poor contrast, not a label -->
ایک placeholder صارف کی ٹائپنگ کے وقت غائب ہو جاتا ہے اور قابل اعتماد طریقے سے اعلان نہیں کیا جاتا — اسے کبھی بھی واحد لیبل کے طور پر استعمال نہ کریں۔
<input type="search" aria-label="Search products" /> <!-- accessible name, no visible label -->
aria-label (یا aria-labelledby) صرف تب استعمال کریں جب ایک نمایاں لیبل واقعی ممکن نہ ہو۔
صحیح طریقے سے منسلک شدہ لیبلز فارمز کے لیے سب سے زیادہ اثر انگیز رسائی کی مشق میں سے ایک ہیں — وہ ہر کنٹرول کو معاون ٹیکنالوجی کے لیے ایک نام دیتے ہیں اور سب کے لیے کلک ٹارگٹس کو بڑا کرتے ہیں۔
ایک حقیقی <label> ترجیح دیں؛ صرف ضرورت کی صورت میں aria-label پر واپس جائیں، اور کبھی بھی placeholder کو لیبل کے طور پر استعمال کرنے پر منحصر نہ رہیں۔
تفصیلی جوابات کے ساتھ IT انٹرویو سوالات کی ایک لائبریری — جونیئر سے سینئر تک۔
عطیہ دیں