Revert "Issue #3333401 by nicxvan, bnjmnm: Pager h4 causes accessibility flag on many pages"

This reverts commit 78cf3677.

core/modules/system/templates/pager.html.twig

@@ -33,7 +33,8 @@
  */
 #}
 {% if items %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {# Print first item if we are not on the first page. #}
       {% if items.first %}

core/modules/views/templates/views-mini-pager.html.twig

@@ -13,7 +13,8 @@
  */
 #}
 {% if items.previous or items.next %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="js-pager__items">
       {% if items.previous %}
         <li>

core/profiles/demo_umami/themes/umami/templates/classy/views/views-mini-pager.html.twig

@@ -11,7 +11,8 @@
  */
 #}
 {% if items.previous or items.next %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="pager__heading visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {% if items.previous %}
         <li class="pager__item pager__item--previous">

core/themes/claro/templates/pager.html.twig

@@ -35,7 +35,8 @@
  */
 #}
 {% if items %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {# Print first item if we are not on the first page. #}
       {% if items.first %}

core/themes/claro/templates/views/views-mini-pager.html.twig

@@ -18,7 +18,8 @@
   ]
 %}
 {% if items.previous or items.next %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav{{ attributes.addClass('pager').setAttribute('role', 'navigation').setAttribute('aria-labelledby', heading_id) }}>
+    <h4{{ title_attributes.addClass('visually-hidden').setAttribute('id', heading_id) }}>{{ 'Pagination'|t }}</h4>
     <ul{{ content_attributes.addClass('pager__items', 'js-pager__items') }}>
       {% if items.previous %}
         {% apply spaceless %}

core/themes/olivero/templates/navigation/pager.html.twig

@@ -31,7 +31,8 @@
  */
 #}
 {% if items %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager layout--content-medium" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {# Print first item if we are not on the first page. #}
       {% if items.first %}

core/themes/olivero/templates/views/views-mini-pager.html.twig

@@ -11,7 +11,8 @@
  */
 #}
 {% if items.previous or items.next %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {# Print previous item if we are not on the first page. #}
       {% if items.previous %}

core/themes/starterkit_theme/templates/navigation/pager.html.twig

@@ -31,7 +31,8 @@
  */
 #}
 {% if items %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {# Print first item if we are not on the first page. #}
       {% if items.first %}

core/themes/starterkit_theme/templates/views/views-mini-pager.html.twig

@@ -11,7 +11,8 @@
  */
 #}
 {% if items.previous or items.next %}
-  <nav class="pager" role="navigation" aria-label="{{ 'Pagination'|t }}">
+  <nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
+    <h4 id="{{ heading_id }}" class="pager__heading visually-hidden">{{ 'Pagination'|t }}</h4>
     <ul class="pager__items js-pager__items">
       {% if items.previous %}
         <li class="pager__item pager__item--previous">