diff --git a/core/modules/system/templates/status-messages.html.twig b/core/modules/system/templates/status-messages.html.twig
index 40476ca..9228d3b 100644
--- a/core/modules/system/templates/status-messages.html.twig
+++ b/core/modules/system/templates/status-messages.html.twig
@@ -24,7 +24,7 @@
 {% for type, messages in message_list %}
   <div class="messages messages--{{ type }}">
     {% if status_headings[type] %}
-      <h2 class="element-invisible">{{ status_headings[type] }}</h2>
+      <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
     {% endif %}
     {% if messages|length > 1 %}
       <ul class="messages__list">