Merge pull request #18570 from calixteman/new_alt_text_string_change

[Editor] Update the disclaimer string in the new alt-text dialog (bug 1911738)
mozilla · Aug 6, 2024 · 1828481 · 1828481
2 parents 9ac05e7 + fc602c6
commit 1828481
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/l10n/en-US/viewer.ftl b/l10n/en-US/viewer.ftl
@@ -433,7 +433,7 @@ pdfjs-editor-new-alt-text-textarea =
 pdfjs-editor-new-alt-text-description = Short description for people who can’t see the image or when the image doesn’t load.
 
 # This is a required legal disclaimer that refers to the automatically created text inside the alt text box above this text. It disappears if the text is edited by a human.
-pdfjs-editor-new-alt-text-disclaimer = This alt text was created automatically.
+pdfjs-editor-new-alt-text-disclaimer1 = This alt text was created automatically and may be inaccurate.
 pdfjs-editor-new-alt-text-disclaimer-learn-more-url = Learn more
 
 pdfjs-editor-new-alt-text-create-automatically-button-label = Create alt text automatically

diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css
@@ -973,20 +973,20 @@
 
         #newAltTextDisclaimer {
           display: flex;
+          flex-direction: row;
           align-items: center;
           gap: 4px;
-          align-self: stretch;
-          flex-wrap: wrap;
           font-size: 11px;
 
           &::before {
             content: "";
             display: inline-block;
-            width: 16px;
+            width: 17px;
             height: 16px;
             mask-image: var(--new-alt-text-ai-disclaimer-icon);
             mask-size: cover;
             background-color: var(--text-secondary-color);
+            flex: 1 0 auto;
           }
         }
       }

diff --git a/web/viewer.html b/web/viewer.html
@@ -569,7 +569,7 @@
                     <textarea id="newAltTextDescriptionTextarea" placeholder="Write your description here…" aria-labelledby="descriptionAreaLabel" data-l10n-id="pdfjs-editor-new-alt-text-textarea" tabindex="0"></textarea>
                   </div>
                   <span id="newAltTextDescription" role="note" data-l10n-id="pdfjs-editor-new-alt-text-description">Short description for people who can’t see the image or when the image doesn’t load.</span>
-                  <div id="newAltTextDisclaimer" role="note"><span data-l10n-id="pdfjs-editor-new-alt-text-disclaimer">This alt text was created automatically.</span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="newAltTextLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0">Learn more</a></div>
+                  <div id="newAltTextDisclaimer" role="note"><div><span data-l10n-id="pdfjs-editor-new-alt-text-disclaimer1">This alt text was created automatically and may be inaccurate.</span> <a href="https://support.mozilla.org/en-US/kb/pdf-alt-text" target="_blank" rel="noopener noreferrer" id="newAltTextLearnMore" data-l10n-id="pdfjs-editor-new-alt-text-disclaimer-learn-more-url" tabindex="0">Learn more</a></div></div>
                 </div>
                 <div id="newAltTextCreateAutomatically" class="toggler">
                   <button id="newAltTextCreateAutomaticallyButton" class="toggle-button" type="button" aria-pressed="true" tabindex="0"></button>