Q175- What is the purpose of the alt and title attributes for images in HTML?

The alt and title attributes provide additional information about images, improving accessibility, SEO, and user experience.

---

1️⃣ alt (Alternative Text)

• Provides a text description of the image.
• Purpose:
  1. Displayed if the image fails to load.
  2. Screen readers use it for visually impaired users.
  3. Helps search engines understand the image.

Example:

<img src="logo.png" alt="Company Logo">

---

2️⃣ title (Tooltip Text)

• Provides additional info shown as a tooltip when hovering over the image.
• Mainly for user experience, not critical for accessibility.

Example:

<img src="logo.png" title="This is the company logo">

---

Combined Example

<img src="logo.png" alt="Company Logo" title="Click here to go to homepage">

• alt → used by screen readers and when image cannot load
• title → shows extra info on hover

---

💡 In Short:

alt ensures accessibility and SEO by describing the image, while title enhances UX by showing extra info on hover.