[FIX] web_editor: fix and improve AltDialog

Ref label
Add tooltip
Fix title from modal -> before this commit, modal title was wrongly replaced by title of image :/

task-1878245

addons/web_editor/static/src/js/widgets/widgets.js

@@ -83,7 +83,7 @@ var AltDialog = Dialog.extend({
         this.$editable = $editable;
         this.media = media;
         this.alt = ($(this.media).attr('alt') || "").replace(/"/g, '"');
-        this.title = ($(this.media).attr('title') || "").replace(/"/g, '"');
+        this.tag_title = ($(this.media).attr('title') || "").replace(/"/g, '"');
     },
 
     //--------------------------------------------------------------------------

addons/web_editor/static/src/xml/editor.xml

@@ -31,15 +31,21 @@
     <!-- Alt Dialog (allows to change alt and title of page images) -->
     <form t-name="web_editor.dialog.alt" action="#">
         <div class="form-group row">
-            <label class="col-md-3 col-form-label" for="alt">Description (alt tag)</label>
+            <label class="col-md-3 col-form-label" for="alt"
+                   title="'Alt tag' specifies an alternate text for an image, if the image cannot be displayed (slow connection, missing image, screen reader ...).">
+               Description <small>(ALT Tag)</small>
+            </label>
             <div class="col-md-8">
                 <input class="form-control" id="alt" required="required" t-att-value="widget.alt" type="text"/>
             </div>
         </div>
         <div class="form-group row">
-            <label class="col-md-3 col-form-label" for="title">Tooltip</label>
+            <label class="col-md-3 col-form-label" for="title"
+                   title="'Title tag' is shown as a tooltip when you hover the picture.">
+               Tooltip  <small>(TITLE Tag)</small>
+            </label>
             <div class="col-md-8">
-                <input class="form-control" id="title" required="required" t-att-value="widget.title" type="text"/>
+                <input class="form-control" id="title" required="required" t-att-value="widget.tag_title" type="text"/>
             </div>
         </div>
     </form>