HTML Tutorial

عنصر <figcaption>

استخدامها:

تستخدم العلامة <figcaption> لتوفير عنوان وصفي لشكل من أشكال المحتوى المرئي، مثل صورة أو جدول أو رسم بياني.

السمات:

  • لا تحتوي العلامة <figcaption> على سمات محددة.

أمثلة مع <figcaption>:

<figure>
  <img src="image.jpg" alt="صورة">
  <figcaption>هذا هو وصف الصورة.</figcaption>
</figure>

<figure>
  <table>
    <thead>
      <tr>
        <th>الاسم</th>
        <th>الوظيفة</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>احمد</td>
        <td>مطور</td>
      </tr>
    </tbody>
  </table>
  <figcaption>هذا هو وصف الجدول.</figcaption>
</figure>

مثال توضيحي على استخدام العلامة <figcaption>:

<!DOCTYPE html>
<html>
<body>

<figure>
  <img src="image.jpg" alt="صورة">
  <figcaption>هذا هو وصف الصورة.</figcaption>
</figure>

</body>
</html>

إرشادات إضافية لتحسين سهولة الوصول:

  • استخدم نص بديل مناسب لوصف المحتوى المرئي للمستخدمين الذين يعانون من إعاقات بصرية.
  • ضع العلامة
    بعد المحتوى المرئي مباشرةً لضمان عرض العنوان الوصفي بشكل صحيح.
  • استخدم لغة واضحة وموجزة لوصف المحتوى المرئي.