Add alt text to citation screenshots

ParkingReformNetwork · Dec 28, 2024 · f426c87 · f426c87
1 parent 5b5c3e6
commit f426c87
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/scripts/11ty/_includes/citation.liquid b/scripts/11ty/_includes/citation.liquid
@@ -21,7 +21,7 @@
   {% if citation.screenshots.size > 0 -%}
     <ul class="screenshots">
     {% for screenshot in citation.screenshots -%}
-      <li><img src="https://mandates-map.directus.app/assets/{{ screenshot.directusId }}/{{ screenshot.fileName }}" /></li>
+      <li><img alt="Screenshot of {{ citation.description }}" src="https://mandates-map.directus.app/assets/{{ screenshot.directusId }}/{{ screenshot.fileName }}" /></li>
     {%- endfor %}
     </ul>
   {%- endif %}

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/abbottstown-pa.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/abbottstown-pa.html
@@ -67,7 +67,7 @@ <h1>Parking reforms in Abbottstown, PA</h1>
       <dd><a target="_blank" class="external-link" href="https://ecode360.com/33754474#33754521">ecode360.com <svg aria-label="external link icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></a></dd>
   </dl>
   <ul class="screenshots">
-    <li><img src="https://mandates-map.directus.app/assets/09f7dee6-0d7e-4c17-9dbc-eba33fa75c23/abbottstown-pa-screenshot1.png" /></li><li><img src="https://mandates-map.directus.app/assets/3cd722d2-bedb-4660-99c4-fc851b126c80/abbottstown-pa-screenshot2.png" /></li>
+    <li><img alt="Screenshot of Abbottstown Zoning Code" src="https://mandates-map.directus.app/assets/09f7dee6-0d7e-4c17-9dbc-eba33fa75c23/abbottstown-pa-screenshot1.png" /></li><li><img alt="Screenshot of Abbottstown Zoning Code" src="https://mandates-map.directus.app/assets/3cd722d2-bedb-4660-99c4-fc851b126c80/abbottstown-pa-screenshot2.png" /></li>
     </ul>
 </details>
 </main>

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/abilene-tx.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/abilene-tx.html
@@ -70,7 +70,7 @@ <h1>Parking reforms in Abilene, TX</h1>
       <dd><a target="_blank" class="external-link" href="https://library.municode.com/tx/abilene/codes/code_of_ordinances?nodeId=PTIIIAPANDECO_CH4SIDERE_ART2DEST_DIV1PASTLO_S4.2.1.2GEPALORE">library.municode.com <svg aria-label="external link icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></a></dd>
   </dl>
   <ul class="screenshots">
-    <li><img src="https://mandates-map.directus.app/assets/73ca3464-9cb3-4c0c-b7be-1328f2376620/abilene-tx-screenshot.png" /></li>
+    <li><img alt="Screenshot of Abilene Land Development Code" src="https://mandates-map.directus.app/assets/73ca3464-9cb3-4c0c-b7be-1328f2376620/abilene-tx-screenshot.png" /></li>
     </ul>
 </details>
 </main>

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/auburn-me.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/auburn-me.html
@@ -68,7 +68,7 @@ <h1>Parking reforms in Auburn, ME</h1>
       </dd>
   </dl>
   <ul class="screenshots">
-    <li><img src="https://mandates-map.directus.app/assets/b023b920-253a-446d-be04-e0609e10a312/auburn-me-citation1-screenshot.png" /></li>
+    <li><img alt="Screenshot of CIty Ordinance and Staff Reports" src="https://mandates-map.directus.app/assets/b023b920-253a-446d-be04-e0609e10a312/auburn-me-citation1-screenshot.png" /></li>
     </ul>
 </details><details class="citation">
   <summary>Citation 2</summary>
@@ -81,7 +81,7 @@ <h1>Parking reforms in Auburn, ME</h1>
       <dd><a target="_blank" class="external-link" href="https://library.municode.com/me/auburn/codes/code_of_ordinances?nodeId=PTIICOOR_CH60ZO_ARTVOREPALO_S60-608PARE">library.municode.com <svg aria-label="external link icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></a></dd>
   </dl>
   <ul class="screenshots">
-    <li><img src="https://mandates-map.directus.app/assets/ccdd7ef1-b1de-4de6-bb49-38e7543f7aef/auburn-me-citation2-screenshot.png" /></li>
+    <li><img alt="Screenshot of Auburn Zoning Code" src="https://mandates-map.directus.app/assets/ccdd7ef1-b1de-4de6-bb49-38e7543f7aef/auburn-me-citation2-screenshot.png" /></li>
     </ul>
 </details>
 </main>

diff --git a/tests/scripts/generateHtmlPages.test.ts-snapshots/basalt-co.html b/tests/scripts/generateHtmlPages.test.ts-snapshots/basalt-co.html
@@ -77,7 +77,7 @@ <h1>Parking reforms in Basalt, CO</h1>
       <dd><a target="_blank" class="external-link" href="https://library.municode.com/co/basalt/codes/municipal_code?nodeId=CH16ZO_ARTVOREPALO_S16-94OTEPA">library.municode.com <svg aria-label="external link icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg></a></dd>
   </dl>
   <ul class="screenshots">
-    <li><img src="https://mandates-map.directus.app/assets/ec7446e9-8f65-4b86-a50f-ddadf0f95bd3/basalt-co-screenshot1.png" /></li><li><img src="https://mandates-map.directus.app/assets/71e17373-9617-4267-808c-cbec6c819c21/basalt-co-screenshot2.png" /></li><li><img src="https://mandates-map.directus.app/assets/3eb59336-56c1-4ca3-b01b-7064150b31ee/basalt-co-screenshot3.png" /></li><li><img src="https://mandates-map.directus.app/assets/b7ec147f-ad03-42bc-bf0e-c261f0cb0865/basalt-co-screenshot4.png" /></li>
+    <li><img alt="Screenshot of Basalt Zoning Code" src="https://mandates-map.directus.app/assets/ec7446e9-8f65-4b86-a50f-ddadf0f95bd3/basalt-co-screenshot1.png" /></li><li><img alt="Screenshot of Basalt Zoning Code" src="https://mandates-map.directus.app/assets/71e17373-9617-4267-808c-cbec6c819c21/basalt-co-screenshot2.png" /></li><li><img alt="Screenshot of Basalt Zoning Code" src="https://mandates-map.directus.app/assets/3eb59336-56c1-4ca3-b01b-7064150b31ee/basalt-co-screenshot3.png" /></li><li><img alt="Screenshot of Basalt Zoning Code" src="https://mandates-map.directus.app/assets/b7ec147f-ad03-42bc-bf0e-c261f0cb0865/basalt-co-screenshot4.png" /></li>
     </ul>
 </details>
 </main>