adding guidelines for alt text to specific sir trevor blocks

projectblacklight · Oct 15, 2024 · 88e63e5 · 88e63e5
1 parent ea11740
commit 88e63e5
Show file tree

Hide file tree

Showing 7 changed files with 80 additions and 5 deletions.
diff --git a/app/assets/javascripts/spotlight/spotlight.esm.js b/app/assets/javascripts/spotlight/spotlight.esm.js
diff --git a/app/assets/javascripts/spotlight/spotlight.esm.js.map b/app/assets/javascripts/spotlight/spotlight.esm.js.map
diff --git a/app/assets/javascripts/spotlight/spotlight.js b/app/assets/javascripts/spotlight/spotlight.js
diff --git a/app/assets/javascripts/spotlight/spotlight.js.map b/app/assets/javascripts/spotlight/spotlight.js.map
diff --git a/app/javascript/spotlight/admin/blocks/resources_block.js b/app/javascript/spotlight/admin/blocks/resources_block.js
@@ -12,7 +12,20 @@ Core.Block.Resources = (function(){
 
     title: function() { return i18n.t("blocks:" + this.type + ":title"); },
     description: function() { return i18n.t("blocks:" + this.type + ":description"); },
-
+    alt_text_guidelines: function() { 
+      if (this.show_alt_text) {
+        return i18n.t("blocks:alt_text_guidelines:intro"); 
+      }
+      return "";
+    },
+    alt_text_guidelines_link: function() {
+      if (this.show_alt_text) {
+        var link_url = i18n.t("blocks:alt_text_guidelines:link_url");
+        var link_label = i18n.t("blocks:alt_text_guidelines:link_label");
+        return '<a target="_blank" href="' + link_url + '">' +  link_label + '</a>'; 
+      }
+      return "";
+    },
     icon_name: "resources",
     blockGroup: function() { return i18n.t("blocks:group:items") },
 
@@ -138,6 +151,8 @@ Core.Block.Resources = (function(){
       return `<div class="form resources-admin clearfix">
         <div class="widget-header">
           ${this.description()}
+          ${this.alt_text_guidelines()}
+          ${this.alt_text_guidelines_link()}
         </div>
         ${this.content()}
       </div>`

diff --git a/app/javascript/spotlight/admin/blocks/uploaded_items_block.js b/app/javascript/spotlight/admin/blocks/uploaded_items_block.js
@@ -124,6 +124,8 @@ SirTrevor.Blocks.UploadedItems = (function(){
       return `<div class="form oembed-text-admin clearfix">
         <div class="widget-header">
           ${this.description()}
+          ${this.alt_text_guidelines()}
+          ${this.alt_text_guidelines_link()}
         </div>
         <div class="row">
           <div class="form-group mb-3 col-md-8">

diff --git a/app/javascript/spotlight/admin/sir-trevor/locales.js b/app/javascript/spotlight/admin/sir-trevor/locales.js
@@ -121,5 +121,11 @@ SirTrevor.Locales.en.blocks = $.extend(SirTrevor.Locales.en.blocks, {
   group: {
     undefined: "Standard widgets",
     items: "Exhibit item widgets"
+  },
+
+  alt_text_guidelines: {
+    intro: 'For each item, please enter alternative text or appropriately check the decorative box. ',
+    link_label: 'Guidelines for writing alt text.',
+    link_url: 'https://www.w3.org/WAI/tutorials/images/' 
   }
 });