[CCAP-499] updating hardcoded alt text to use translatable assets (#821)

Co-authored-by: transifex-integration[bot] <43880903+transifex-integration[bot]@users.noreply.github.com> Co-authored-by: Ana Medrano Fernandez <[email protected]>
codeforamerica · Nov 20, 2024 · 55cc1d8 · 55cc1d8
1 parent 49630d7
commit 55cc1d8
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/src/main/resources/messages.properties b/src/main/resources/messages.properties
@@ -1,4 +1,7 @@
 demo.banner-text=<b>EXAMPLE SITE: Do not enter any personal information. </b><a data-mixpanel="download-pdf" href={0}>download PDF</a>
+general.cfa.logo.text=Code for America logo
+general.illinois.state.seal.text=Seal of the State of Illinois
+general.illinois.department.logo.text=Illinois Department of Human Services logo
 general.skip-to-content=Skip to content
 general.skip=Skip
 general.inputs.none-of-the-above=None of the above

diff --git a/src/main/resources/messages_es.properties b/src/main/resources/messages_es.properties
@@ -1,4 +1,7 @@
 demo.banner-text=<b>SITIO DE DEMOSTRACIÓN: No ingrese su información personal. </b><a href={0}>descarga PDF</a>
+general.cfa.logo.text=Logo de Code for America
+general.illinois.state.seal.text=Sello del estado de Illinois
+general.illinois.department.logo.text=Logo del Departamento de Servicios Humanos de Illinois
 general.skip-to-content=Saltar al contenido
 general.skip=Omitir
 general.inputs.none-of-the-above=Ninguno de los anteriores

diff --git a/src/main/resources/templates/fragments/footer.html b/src/main/resources/templates/fragments/footer.html
@@ -11,7 +11,7 @@
       <div class="main-footer__cfa-logo grid__item">
         <a href="https://www.codeforamerica.org" class="spacing-below-0">
           <img src="/webjars/form-flow/0.0.1/images/code-for-america-logo_white.svg"
-               alt="Code for America logo"
+               th:alt="#{general.cfa.logo.text}"
                style="width: 100px;">
         </a>
       </div>

diff --git a/src/main/resources/templates/fragments/toolbar.html b/src/main/resources/templates/fragments/toolbar.html
@@ -10,7 +10,7 @@
                    th:text="#{general.skip-to-content}"></a>
                 <a class="logo" href="/">
                     <img src="/assets/images/IDHS-white.svg"
-                         alt="Illinois Department of Human Services logo"
+                         th:alt="#{general.illinois.department.logo.text}"
                          style="width: 118px; height: 36px;"
                          class="vertical-align-middle"/>
                 </a>

diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -36,8 +36,8 @@ <h1 class="spacing-below-35 spacing-above-5" th:text="#{index.title}"></h1>
     <section class="slab slab--white">
       <div class="grid">
         <div class="index-child-care-image-container width-one-fourth">
-            <img src="/assets/images/seal-of-illinois.png" alt="Seal of the State of Illinois" loading="lazy" style="width: 141px; height: 141px;">
-            <img src="/assets/images/IDHS-logo.png" alt="Illinois Department of Human Services logo" loading="lazy" style="width: 168px; height: auto">
+            <img src="/assets/images/seal-of-illinois.png" th:alt="#{general.illinois.state.seal.text}" loading="lazy" style="width: 141px; height: 141px;">
+            <img src="/assets/images/IDHS-logo.png" th:alt="#{general.illinois.department.logo.text}" loading="lazy" style="width: 168px; height: auto">
         </div>
 
         <div class="width-two-thirds">