HTML ٹیبلز ٹیبولر ڈیٹا (متعلقہ ڈیٹا کی صفیں اور کالمیں) پیش کرتے ہیں — لے آؤٹ کے لیے نہیں۔ ایک قابل رسائی ٹیبل مناسب ڈھانچے کا استعمال کرتی ہے تاکہ اسکرین ریڈرز ہر سیل کے ساتھ ہیڈرز کا اعلان کر سکیں۔
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> with scope — ہیڈر سیلز کو نشان زد کرتا ہے۔ کالم ہیڈرز کے لیے scope="col"، صف ہیڈرز کے لیے scope="row"۔ اسکرین ریڈرز پھر "North, Revenue: $12,000" کا اعلان کرتے ہیں بجائے بغیر سیاق و سباق کے سیلز کو پڑھنے کے۔<caption> — پوری ٹیبل کا عنوان، <table> کا پہلا بچہ؛ صارفین کو سمت میں لانے کے لیے پڑھا جاتا ہے۔<thead>/<tbody>/<tfoot> — ہیڈر، جسم، اور خلاصہ صفوں کو گروپ کرتا ہے؛ نیویگیشن میں مدد دیتا ہے اور پرنٹ کرتے وقت ہیڈر کو دہرایا جانے دیتا ہے۔<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
لے آؤٹ ٹیبلز اسکرین ریڈرز کو الجھاتے ہیں (وہ ڈیٹا ٹیبل کی semantics کا اعلان کرتے ہیں) اور لچکدار نہیں ہیں۔ صفحہ لے آؤٹ کے لیے CSS Grid/Flexbox استعمال کریں۔
مناسب ٹیبل semantics (<th scope>، <caption>، سیکشنگ) وہی ہیں جو اسکرین ریڈر صارفین کے لیے ڈیٹا ٹیبلز کو قابل استعمال بناتے ہیں — وہ ہر قیمت کو اس کی صف اور کالم ہیڈرز سے جوڑتے ہیں۔
<table> کو سختی سے حقیقی ٹیبولر ڈیٹا کے لیے محفوظ رکھیں۔
تفصیلی جوابات کے ساتھ IT انٹرویو سوالات کی ایک لائبریری — جونیئر سے سینئر تک۔
عطیہ دیں