Add alt text to warning icon

alphagov · Jan 29, 2025 · bd97f66 · bd97f66
1 parent caeeb6a
commit bd97f66
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 8 deletions.
diff --git a/app/views/application/_notification.html.erb b/app/views/application/_notification.html.erb
@@ -1,4 +1,6 @@
 <div class="notification">
-  <span class="icon icon-warning-white"></span>
+  <span class="icon icon-warning-white">
+    <span class="visuallyhidden">Important:</span>
+  </span>
   <p class="content"><%= message %></p>
 </div>
diff --git a/app/views/application/_parliament_dissolution_warning.html.erb b/app/views/application/_parliament_dissolution_warning.html.erb
@@ -1,6 +1,8 @@
 <% if Parliament.dissolution_announced? %>
   <div class="notification">
-    <span class="icon icon-warning-white"></span>
+    <span class="icon icon-warning-white">
+      <span class="visuallyhidden">Important:</span>
+    </span>
     <% if Parliament.dissolved? %>
       <h2 class="header"><%= Parliament.dissolved_heading %></h2>
       <p class="content"><%= Parliament.dissolved_message %></p>

diff --git a/app/views/archived/petitions/index.html.erb b/app/views/archived/petitions/index.html.erb
@@ -1,5 +1,7 @@
 <div class="notification">
-  <span class="icon icon-warning-white"></span>
+  <span class="icon icon-warning-white">
+    <span class="visuallyhidden">Important:</span>
+  </span>
   <p class="content">
     These petitions were submitted during the <%= @parliament.period %> parliament
   </p>

diff --git a/app/views/archived/petitions/show.html.erb b/app/views/archived/petitions/show.html.erb
@@ -1,5 +1,7 @@
 <div class="notification">
-  <span class="icon icon-warning-white"></span>
+  <span class="icon icon-warning-white">
+    <span class="visuallyhidden">Important:</span>
+  </span>
   <p class="content">
     This petition was submitted during the <%= @parliament.period %> parliament
   </p>

diff --git a/app/views/feedback/new.html.erb b/app/views/feedback/new.html.erb
@@ -2,7 +2,9 @@
 
 <% if Site.show_feedback_page_message? %>
   <div class="notification notification-<%= Site.feedback_page_message_colour %>">
-    <span class="icon icon-warning-white"></span>
+    <span class="icon icon-warning-white">
+      <span class="visuallyhidden">Important:</span>
+    </span>
     <%= markdown_to_html(Site.feedback_page_message) %>
   </div>
 <% end %>

diff --git a/app/views/pages/home/_opened.html.erb b/app/views/pages/home/_opened.html.erb
@@ -6,7 +6,9 @@
 
 <% if Site.show_home_page_message? %>
   <div class="notification notification-<%= Site.home_page_message_colour %>">
-    <span class="icon icon-warning-white"></span>
+    <span class="icon icon-warning-white">
+      <span class="visuallyhidden">Important:</span>
+    </span>
     <%= markdown_to_html(Site.home_page_message) %>
   </div>
 <% end %>

diff --git a/app/views/pages/home/_pending.html.erb b/app/views/pages/home/_pending.html.erb
@@ -1,5 +1,7 @@
 <div class="notification">
-  <span class="icon icon-warning-white"></span>
+  <span class="icon icon-warning-white">
+    <span class="visuallyhidden">Important:</span>
+  </span>
   <h2 class="header"><%= Parliament.dissolved_heading %></h2>
   <p class="content"><%= Parliament.dissolved_message %></p>
   <% if Parliament.dissolution_faq_url? %>

diff --git a/app/views/petitions/_open_petition_show.html.erb b/app/views/petitions/_open_petition_show.html.erb
@@ -1,6 +1,8 @@
 <% if Site.show_petition_page_message? %>
   <div class="notification notification-<%= Site.petition_page_message_colour %>">
-    <span class="icon icon-warning-white"></span>
+    <span class="icon icon-warning-white">
+      <span class="visuallyhidden">Important:</span>
+    </span>
     <%= markdown_to_html(Site.petition_page_message) %>
   </div>
 <% end %>