diff --git a/app/assets/javascripts/base.js.erb b/app/assets/javascripts/base.js.erb
index 4c1261695..8688a5814 100644
--- a/app/assets/javascripts/base.js.erb
+++ b/app/assets/javascripts/base.js.erb
@@ -132,6 +132,7 @@ var instantClick
           skipLink.focus();
         }
       }
+      document.getElementById('page-route-change').textContent = title;
       history.pushState(null, null, newUrl.replace("?samepage=true","").replace("&samepage=true",""))
 
       var hashIndex = newUrl.indexOf('#'),
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index cb5776004..60e233163 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -92,6 +92,7 @@
     </div>
   <% end %>
   <div id="page-content-inner">
+    <div id="page-route-change" class="screen-reader-only" aria-live="polite" aria-atomic="true"></div>
     <% if @hero_html %>
       <div id="hero-html-wrapper" class="overflow-x-hidden" data-name="<%= @hero_area.name %>">
         <script>