Hide decorative icons from screen reader navigation (#676)

[#179532277]
codeforamerica · Feb 24, 2022 · a782521 · a782521
1 parent 6493536
commit a782521
Show file tree

Hide file tree

Showing 36 changed files with 71 additions and 71 deletions.
diff --git a/src/main/resources/templates/fragments/contextFragments.html b/src/main/resources/templates/fragments/contextFragments.html
diff --git a/src/main/resources/templates/fragments/icons/icon-apartment.html b/src/main/resources/templates/fragments/icons/icon-apartment.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-apartment" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg th:fragment="icon-apartment" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M17,11V3H7v4H3v14h8v-4h2v4h8V11H17z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M11,15H9v-2h2V15z M11,11H9V9h2 V11z M11,7H9V5h2V7z M15,15h-2v-2h2V15z M15,11h-2V9h2V11z M15,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-apple.html b/src/main/resources/templates/fragments/icons/icon-apple.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-apple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35">
+<svg th:fragment="icon-apple" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35">
     <path d="M24 8.6c-1.2-0.2-2.4 0.1-3.6 0.6 -1.1 0.5-2.4 0.8-3.6 0.9 0.1-0.6 0.7-3.7 4.1-4.1 0.4-0.1 0.7-0.5 0.7-0.9 -0.1-0.4-0.5-0.7-0.9-0.7 -4 0.6-5.3 4-5.5 5.7l0 0c-1.3-0.1-2.5-0.4-3.7-0.9C10.4 8.7 9.2 8.4 8 8.6c-4.3 0.6-6.4 6.2-4.9 12.5C4.7 27.4 9.4 32 13.6 31.4c0.1 0 0.2 0 0.4-0.1 1.3-0.3 2.7-0.3 4 0 0.1 0 0.2 0 0.4 0.1 4.3 0.6 9-4 10.5-10.3S28.3 9.2 24 8.6z"/>
     <path d="M8.8 0.5H7.1v1.6c0 3.5 2.9 6.4 6.4 6.4h1.6V6.9C15.2 3.4 12.3 0.5 8.8 0.5z"/>
 </svg>

diff --git a/src/main/resources/templates/fragments/icons/icon-arrow.html b/src/main/resources/templates/fragments/icons/icon-arrow.html
@@ -1,4 +1,4 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-    <svg th:fragment="icon-arrow" class="svg-button-icon__right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
+    <svg th:fragment="icon-arrow" aria-hidden="true" class="svg-button-icon__right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-child-care.html b/src/main/resources/templates/fragments/icons/icon-child-care.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-child-care" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg th:fragment="icon-child-care" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path d="M13 2v8h8c0-4.42-3.58-8-8-8zm6.32 13.89C20.37 14.54 21 12.84 21 11H6.44l-.95-2H2v2h2.22s1.89 4.07 2.12 4.42c-1.1.59-1.84 1.75-1.84 3.08C4.5 20.43 6.07 22 8 22c1.76 0 3.22-1.3 3.46-3h2.08c.24 1.7 1.7 3 3.46 3 1.93 0 3.5-1.57 3.5-3.5 0-1.04-.46-1.97-1.18-2.61zM8 20c-.83 0-1.5-.67-1.5-1.5S7.17 17 8 17s1.5.67 1.5 1.5S8.83 20 8 20zm9 0c-.83 0-1.5-.67-1.5-1.5S16.17 17 17 17s1.5.67 1.5 1.5S17.83 20 17 20z"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-communicate.html b/src/main/resources/templates/fragments/icons/icon-communicate.html
@@ -1,3 +1,3 @@
-<svg th:fragment="icon-communicate" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-communicate" aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M11.2474 7.79087C12.4406 7.79087 13.5848 8.25316 14.4285 9.07603C15.2722 9.89891 15.7462 11.015 15.7462 12.1787C15.7462 13.3424 15.2722 14.4585 14.4285 15.2813C13.5848 16.1042 12.4406 16.5665 11.2474 16.5665C10.0543 16.5665 8.91004 16.1042 8.06636 15.2813C7.22269 14.4585 6.74872 13.3424 6.74872 12.1787C6.74872 11.015 7.22269 9.89891 8.06636 9.07603C8.91004 8.25316 10.0543 7.79087 11.2474 7.79087ZM11.2474 18.7604C14.2503 18.7604 20.2449 20.2303 20.2449 23.1482V25.3421H2.25V23.1482C2.25 20.2303 8.24454 18.7604 11.2474 18.7604ZM19.975 8.18578C22.2468 10.5991 22.2468 13.9448 19.975 16.1606L18.0855 14.3068C19.0302 13.0124 19.0302 11.334 18.0855 10.0396L19.975 8.18578ZM23.6976 4.50002C28.1176 8.94267 28.0839 15.5902 23.6976 19.8574L21.8644 18.0693C24.9798 14.581 24.9798 9.60085 21.8644 6.28805L23.6976 4.50002Z" fill="black"/>
 </svg>
diff --git a/src/main/resources/templates/fragments/icons/icon-communications.html b/src/main/resources/templates/fragments/icons/icon-communications.html
@@ -1,3 +1,3 @@
-<svg th:fragment="icon-communications" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-communications" aria-hidden="true" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M13.3826 4.89474C15.1572 4.89474 16.8591 5.58233 18.114 6.80625C19.3689 8.03017 20.0738 9.69017 20.0738 11.4211C20.0738 13.1519 19.3689 14.8119 18.114 16.0359C16.8591 17.2598 15.1572 17.9474 13.3826 17.9474C11.6079 17.9474 9.90597 17.2598 8.65111 16.0359C7.39625 14.8119 6.69128 13.1519 6.69128 11.4211C6.69128 9.69017 7.39625 8.03017 8.65111 6.80625C9.90597 5.58233 11.6079 4.89474 13.3826 4.89474V4.89474ZM13.3826 21.2105C17.849 21.2105 26.7651 23.3968 26.7651 27.7368V31H0V27.7368C0 23.3968 8.91613 21.2105 13.3826 21.2105ZM26.3636 5.48211C29.7427 9.07158 29.7427 14.0479 26.3636 17.3437L23.5533 14.5863C24.9585 12.6611 24.9585 10.1647 23.5533 8.23947L26.3636 5.48211ZM31.9007 0C38.4748 6.60789 38.4247 16.4953 31.9007 22.8421L29.174 20.1826C33.8077 14.9942 33.8077 7.58684 29.174 2.65947L31.9007 0Z" fill="black"/>
 </svg>
diff --git a/src/main/resources/templates/fragments/icons/icon-delete-document.html b/src/main/resources/templates/fragments/icons/icon-delete-document.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-delete-document" width="100" height="75" viewBox="0 0 100 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-delete-document" aria-hidden="true" width="100" height="75" viewBox="0 0 100 75" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0)">
         <path d="M23.0344 65.1458C14.8946 57.3999 11.8656 45.2358 14.4744 35.8996C17.1011 26.5601 24.4418 18.6791 37.9424 13.5186C51.4431 8.35802 49.248 3.08716 61.0046 1.82907C72.7613 0.570977 78.896 7.78825 82.6013 19.0708C86.3066 30.3533 86.0072 41.8282 81.178 51.9501C76.3488 62.0719 66.9899 70.8406 55.6999 73.5403C44.3919 76.2434 31.1774 72.9092 23.0344 65.1458Z" fill="#9BCBEB"/>
         <path d="M70.8434 16H27.0993C26.5097 16 26.0481 16.5074 26.1038 17.0944L30.5153 63.6267C30.5635 64.1347 30.9866 64.525 31.4969 64.5322L63.9676 64.9877C64.4694 64.9947 64.8986 64.6288 64.9712 64.1323L71.8329 17.1445C71.921 16.5411 71.4532 16 70.8434 16Z" fill="white"/>

diff --git a/src/main/resources/templates/fragments/icons/icon-documents.html b/src/main/resources/templates/fragments/icons/icon-documents.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-documents" width="35" height="35" viewBox="0 0 35 35" fill="none"
+<svg th:fragment="icon-documents" aria-hidden="true" width="35" height="35" viewBox="0 0 35 35" fill="none"
      xmlns="http://www.w3.org/2000/svg">
   <path
       d="M20.4167 2.91669H8.75C7.14584 2.91669 5.84792 4.22919 5.84792 5.83335L5.83334 29.1667C5.83334 30.7709 7.13125 32.0834 8.73542 32.0834H26.25C27.8542 32.0834 29.1667 30.7709 29.1667 29.1667V11.6667L20.4167 2.91669ZM23.3333 26.25H11.6667V23.3334H23.3333V26.25ZM23.3333 20.4167H11.6667V17.5H23.3333V20.4167ZM18.9583 13.125V5.10419L26.9792 13.125H18.9583Z"

diff --git a/src/main/resources/templates/fragments/icons/icon-dollar-circle.html b/src/main/resources/templates/fragments/icons/icon-dollar-circle.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-dollar-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 530 530">
+<svg th:fragment="icon-dollar-circle" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 530 530">
     <path d="M286 386c37-7 67-28 67-67 0-54-47-73-90-84s-56-23-56-41c0-20 19-35 51-35 34 0 46 16 47 40h42c-1-33-21-62-61-72V85h-57v42c-37 8-66 31-66 68 0 44 36 65 89 78 48 11 57 28 57 46 0 13-9 34-51 34-39 0-55-18-57-40h-42c2 41 34 64 70 72v42h57v-41zM256 43c118 0 213 95 213 213s-95 213-213 213S43 374 43 256 138 43 256 43z"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-download.html b/src/main/resources/templates/fragments/icons/icon-download.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-download" width="35" height="35" viewBox="0 0 35 35" fill="none"
+<svg th:fragment="icon-download" aria-hidden="true" width="35" height="35" viewBox="0 0 35 35" fill="none"
      xmlns="http://www.w3.org/2000/svg">
   <path
       d="M31 12.6471L23.5714 12.6471V1L12.4286 1L12.4286 12.6471L5 12.6471L18 26.2353L31 12.6471ZM5 30.1177L5 34H31V30.1177L5 30.1177Z"

diff --git a/src/main/resources/templates/fragments/icons/icon-email-check.html b/src/main/resources/templates/fragments/icons/icon-email-check.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-email-check" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-email-check" aria-hidden="true" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
     <circle cx="6.5" cy="6.5" r="6.5" fill="#00891B" fill-opacity="0.8"/>
     <path d="M5.19005 8.32164L3.36848 6.50007L2.75037 7.11818L5.19005 9.55786L10.432 4.31593L9.81387 3.69781L5.19005 8.32164Z" fill="white"/>
 </svg>

diff --git a/src/main/resources/templates/fragments/icons/icon-envelope.html b/src/main/resources/templates/fragments/icons/icon-envelope.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-envelope" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-envelope" aria-hidden="true" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M23.0001 0H3.00012C1.62512 0 0.512622 1.125 0.512622 2.5L0.500122 17.5C0.500122 18.875 1.62512 20 3.00012 20H23.0001C24.3751 20 25.5001 18.875 25.5001 17.5V2.5C25.5001 1.125 24.3751 0 23.0001 0ZM23.0001 5L13.0001 11.25L3.00012 5V2.5L13.0001 8.75L23.0001 2.5V5Z" fill="black"/>
 </svg>
 

diff --git a/src/main/resources/templates/fragments/icons/icon-expedited-phone.html b/src/main/resources/templates/fragments/icons/icon-expedited-phone.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-expedited-phone" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-expedited-phone" aria-hidden="true" viewBox="0 0 37 31" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M20.9881 15.631C19.5 15.631 18.0714 15.3929 16.7381 14.9524C16.3214 14.8214 15.8571 14.9167 15.5238 15.2381L12.9048 17.8571C9.53571 16.1429 6.77381 13.3929 5.05952 10.0119L7.67857 7.38095C8.0119 7.07143 8.10714 6.60714 7.97619 6.19048C7.53571 4.85714 7.29762 3.42857 7.29762 1.94048C7.29762 1.28571 6.7619 0.75 6.10714 0.75H1.94048C1.28571 0.75 0.75 1.28571 0.75 1.94048C0.75 13.119 9.80952 22.1786 20.9881 22.1786C21.6429 22.1786 22.1786 21.6429 22.1786 20.9881V16.8214C22.1786 16.1667 21.6429 15.631 20.9881 15.631ZM19.7976 11.4643H22.1786C22.1786 5.54762 17.381 0.75 11.4643 0.75V3.13095C16.0714 3.13095 19.7976 6.85714 19.7976 11.4643ZM15.0357 11.4643H17.4167C17.4167 8.17857 14.75 5.5119 11.4643 5.5119V7.89286C13.4405 7.89286 15.0357 9.4881 15.0357 11.4643Z" fill="black"/>
 </svg>
 

diff --git a/src/main/resources/templates/fragments/icons/icon-healthcare.html b/src/main/resources/templates/fragments/icons/icon-healthcare.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-healthcare" width="35" height="35" viewBox="0 0 35 35" fill="none"
+<svg th:fragment="icon-healthcare" aria-hidden="true" width="35" height="35" viewBox="0 0 35 35" fill="none"
      xmlns="http://www.w3.org/2000/svg">
   <path
       d="M32 8.2H27.8933L29.6667 3.333L26.0111 2L23.74 8.2H4V11.3L7.11111 20.6L4 29.9V33H32V29.9L28.8889 20.6L32 11.3V8.2ZM24.2222 22.15H19.5556V26.8H16.4444V22.15H11.7778V19.05H16.4444V14.4H19.5556V19.05H24.2222V22.15Z"

diff --git a/src/main/resources/templates/fragments/icons/icon-home.html b/src/main/resources/templates/fragments/icons/icon-home.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-home" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-home" aria-hidden="true" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M16.2 36V24.7059H23.8V36H33.3V20.9412H39L20 4L1 20.9412H6.7V36H16.2Z" fill="black"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-income.html b/src/main/resources/templates/fragments/icons/icon-income.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-income" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none" >
+<svg th:fragment="icon-income" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" fill="none" >
     <g clip-path="url(#clip0)">
         <path d="M28.4165 20.246V8.67654C28.4165 7.08574 27.0665 5.78418 25.4165 5.78418H4.4165C2.7665 5.78418 1.4165 7.08574 1.4165 8.67654V20.246C1.4165 21.8368 2.7665 23.1383 4.4165 23.1383H25.4165C27.0665 23.1383 28.4165 21.8368 28.4165 20.246ZM14.9165 18.7998C12.4265 18.7998 10.4165 16.8619 10.4165 14.4613C10.4165 12.0606 12.4265 10.1227 14.9165 10.1227C17.4065 10.1227 19.4165 12.0606 19.4165 14.4613C19.4165 16.8619 17.4065 18.7998 14.9165 18.7998ZM34.4165 10.1227V26.0307C34.4165 27.6215 33.0665 28.9231 31.4165 28.9231H5.9165V26.0307H31.4165V10.1227H34.4165Z" fill="black"/>
     </g>

diff --git a/src/main/resources/templates/fragments/icons/icon-job-loss.html b/src/main/resources/templates/fragments/icons/icon-job-loss.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-job-loss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 31" fill="none" width="32" height="32">
+<svg th:fragment="icon-job-loss" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 31" fill="none" width="32" height="32">
     <path d="M31 29.1409L28.8458 26.9867L7.70205 5.84293L1.85911 0L0 1.85911L3.98382 5.84293H3.03951C1.40171 5.84293 0.103284 7.15612 0.103284 8.79391L0.0885292 25.0243C0.0885292 26.6621 1.40171 27.9753 3.03951 27.9753H26.1161L29.1409 31L31 29.1409ZM29.5245 8.79391C29.5983 7.15612 28.2851 5.84293 26.6473 5.91671H20.7454V2.89196C20.7454 1.25416 19.4322 -0.0590195 17.7944 0.0147549H11.8924C10.2546 -0.0590195 8.94146 1.25416 8.94146 2.89196V3.36411L29.5245 24.0209V8.79391ZM17.7944 5.91671H11.8187V2.89196H17.7944V5.91671Z" fill="black"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-letter.html b/src/main/resources/templates/fragments/icons/icon-letter.html
@@ -1,3 +1,3 @@
-<svg th:fragment="icon-letter" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-letter" aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M25.0001 5H5.00012C3.62512 5 2.51262 6.125 2.51262 7.5L2.50012 22.5C2.50012 23.875 3.62512 25 5.00012 25H25.0001C26.3751 25 27.5001 23.875 27.5001 22.5V7.5C27.5001 6.125 26.3751 5 25.0001 5ZM25.0001 10L15.0001 16.25L5.00012 10V7.5L15.0001 13.75L25.0001 7.5V10Z" fill="black"/>
 </svg>
diff --git a/src/main/resources/templates/fragments/icons/icon-medical-expenses.html b/src/main/resources/templates/fragments/icons/icon-medical-expenses.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-medical-expenses" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" width="35" height="35">
+<svg th:fragment="icon-medical-expenses" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" width="35" height="35">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1036 40L13.1036 26.8966L0 26.8966V13.1035L13.1036 13.1035L13.1036 0H26.8967V13.1035L40 13.1035V26.8966L26.8967 26.8966V40H13.1036ZM17.9421 17.5051C17.9421 18.2343 18.5138 18.7026 20.2914 19.1556C22.0691 19.6085 23.972 20.3531 23.972 22.5333C23.972 24.1071 22.7582 24.9745 21.2312 25.2586V26.9091H18.8818V25.2432C17.3783 24.9285 16.094 23.9842 16 22.303H17.7228C17.809 23.2089 18.4433 23.9152 20.0565 23.9152C21.7872 23.9152 22.1709 23.0707 22.1709 22.541C22.1709 21.8271 21.7793 21.1515 19.8216 20.6909C17.6367 20.1766 16.141 19.2937 16.141 17.5204C16.141 16.0388 17.3626 15.0715 18.8818 14.7491V13.0909H21.2312V14.7721C22.8678 15.1636 23.6901 16.3766 23.7449 17.697H22.0143C21.9673 16.7374 21.4504 16.0848 20.0565 16.0848C18.733 16.0848 17.9421 16.6683 17.9421 17.5051Z" fill="black"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-new-page.html b/src/main/resources/templates/fragments/icons/icon-new-page.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-    <svg th:fragment="icon-new-page" class="svg-button-icon__left" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg th:fragment="icon-new-page" aria-hidden="true" class="svg-button-icon__left" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0)"><path d="M16.6667 16.6667H2.08333V2.08333H9.375V0H2.08333C0.932292 0 0 0.932292 0 2.08333V16.6667C0 17.8177 0.932292 18.75 2.08333 18.75H16.6667C17.8177 18.75 18.75 17.8177 18.75 16.6667V9.375H16.6667V16.6667ZM11.4583 0V2.08333H15.1927L4.95312 12.3229L6.42708 13.7969L16.6667 3.55729V7.29167H18.75V0H11.4583Z" fill="white"/></g>
         <defs><clipPath id="clip0"><rect width="18.75" height="18.75" fill="white"/></clipPath></defs>
     </svg>

diff --git a/src/main/resources/templates/fragments/icons/icon-next-steps.html b/src/main/resources/templates/fragments/icons/icon-next-steps.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-next-steps" width="100" height="75" viewBox="0 0 100 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-next-steps" aria-hidden="true" width="100" height="75" viewBox="0 0 100 75" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M79.5323 63.0161C73.4547 68.0396 65.2557 68.5292 57.473 69.8791C49.531 71.2566 41.4632 73.7579 33.8906 70.9325C25.8233 67.9224 18.7202 61.9052 15.1252 54.0783C11.6027 46.4091 13.1522 37.6751 14.8286 29.4309C16.4321 21.5451 18.5872 13.4229 24.4985 7.98227C30.2887 2.65303 38.4612 1.37867 46.2946 0.470024C53.841 -0.40534 61.5031 -0.296868 68.4234 2.88711C75.5542 6.16795 81.3467 11.6848 85.3504 18.4393C89.5582 25.5382 92.5384 33.6172 91.4737 41.7747C90.3944 50.0446 85.9478 57.7131 79.5323 63.0161Z" fill="#9BCBEB"/>
     <path d="M100 36L85 27.3398L85 44.6603L100 36ZM6 37.5L86.5 37.5L86.5 34.5L6 34.5L6 37.5Z" fill="black"/>
     <circle cx="11" cy="36" r="7.5" fill="white" stroke="black" stroke-width="3"/>

diff --git a/src/main/resources/templates/fragments/icons/icon-paper-clip.html b/src/main/resources/templates/fragments/icons/icon-paper-clip.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html >
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-	<svg th:fragment="icon-paper-clip" width="7" height="15" viewBox="0 0 7 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<svg th:fragment="icon-paper-clip" aria-hidden="true" width="7" height="15" viewBox="0 0 7 15" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path d="M3.36967 14.3855C1.52703 14.3855 0.046875 12.8631 0.046875 10.9678V2.48562C0.046875 1.11853 1.13433 0 2.46345 0C3.79227 0 4.88003 1.11853 4.88003 2.48562V9.6939C4.88003 10.5328 4.21547 11.2474 3.36967 11.2474C2.55407 11.2474 1.85931 10.5642 1.85931 9.6939V4.6916C1.85931 4.53625 1.98014 4.41197 2.13117 4.41197C2.28221 4.41197 2.40304 4.53625 2.40304 4.6916V9.6939C2.40304 10.2221 2.82594 10.6574 3.33946 10.6574C3.85298 10.6574 4.27619 10.2224 4.27619 9.6939V2.48562C4.27619 1.42923 3.46059 0.590334 2.43355 0.590334C1.4065 0.590334 0.590605 1.42923 0.590605 2.48562V10.9367C0.590605 12.4902 1.8291 13.7644 3.33946 13.7644C4.84982 13.7644 6.08862 12.4902 6.08862 10.9367V4.6916C6.08862 4.53625 6.20915 4.41197 6.36018 4.41197C6.51122 4.41197 6.63205 4.53625 6.63205 4.6916V10.9678C6.69246 12.832 5.1821 14.3855 3.36967 14.3855Z" fill="black"/>
 	</svg>	 
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-people.html b/src/main/resources/templates/fragments/icons/icon-people.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
-<svg th:fragment="icon-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14">
+<svg th:fragment="icon-people" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14">
     <path d="M14.5 7C15.88 7 16.99 5.88 16.99 4.5C16.99 3.12 15.88 2 14.5 2C13.12 2 12 3.12 12 4.5C12 5.88 13.12 7 14.5 7ZM7 6C8.66 6 9.99 4.66 9.99 3C9.99 1.34 8.66 0 7 0C5.34 0 4 1.34 4 3C4 4.66 5.34 6 7 6ZM14.5 9C12.67 9 9 9.92 9 11.75V14H20V11.75C20 9.92 16.33 9 14.5 9ZM7 8C4.67 8 0 9.17 0 11.5V14H7V11.75C7 10.9 7.33 9.41 9.37 8.28C8.5 8.1 7.66 8 7 8Z" fill="black"/>
 </svg>
 </html>
diff --git a/src/main/resources/templates/fragments/icons/icon-phone.html b/src/main/resources/templates/fragments/icons/icon-phone.html
@@ -1,3 +1,3 @@
-<svg th:fragment="icon-phone" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg th:fragment="icon-phone" aria-hidden="true" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M23.9881 18.631C22.5 18.631 21.0714 18.3929 19.7381 17.9524C19.3214 17.8214 18.8571 17.9167 18.5238 18.2381L15.9048 20.8571C12.5357 19.1429 9.77381 16.3929 8.05952 13.0119L10.6786 10.381C11.0119 10.0714 11.1071 9.60714 10.9762 9.19048C10.5357 7.85714 10.2976 6.42857 10.2976 4.94048C10.2976 4.28571 9.7619 3.75 9.10714 3.75H4.94048C4.28571 3.75 3.75 4.28571 3.75 4.94048C3.75 16.119 12.8095 25.1786 23.9881 25.1786C24.6429 25.1786 25.1786 24.6429 25.1786 23.9881V19.8214C25.1786 19.1667 24.6429 18.631 23.9881 18.631ZM22.7976 14.4643H25.1786C25.1786 8.54762 20.381 3.75 14.4643 3.75V6.13095C19.0714 6.13095 22.7976 9.85714 22.7976 14.4643ZM18.0357 14.4643H20.4167C20.4167 11.1786 17.75 8.5119 14.4643 8.5119V10.8929C16.4405 10.8929 18.0357 12.4881 18.0357 14.4643Z" fill="black"/>
 </svg>