alt vs title

#Differences

1. The `alt` attribute is the alternate text to serve as the content of element when the element isn't rendered normally.
   `<img>` is the most popular tag using the `alt` attribute.
   When an image can't be loaded, the browser will display the `alt` text in its place so the user can get an idea of why the image was included.
2. The `title` attribute is the tooltip text seen when hovering over the element.

#Good practice

#Tips

1. Use CSS to give a red outline to any `img` having a missing or blank `alt` attribute:
   css

   img:not([alt]),
   img[alt=''] {
       outline: 8px solid red;
   }

2. If you are using Visual Studio Code, you can install the webhint extension.
   It will automatically detect the issue and show the details when you hover on the element.