Den H2 Screen Reader Text in der WordPress Seitennummerierung in ein DIV umwandeln
WordPress verwendet eine Seitennummerierung (Pagination) um Inhalte in mehrere Seiten zu unterteilen, sobald diese eine gewisse Anzahl von Einträgen enthalten. Das ist z.B. bei der Auflistung von Beiträgen und Kommentaren der Fall. Ist also festgelegt, dass pro Seite 10 Einträge angezeigt werden, werden der 11 Eintrag und alle Einträge danach auf die Nächste Seite umgebrochen.
Sobald eine Beitrags- oder Kommentarliste umgebrochen wird, sieht man am Ende der Liste eine Seitennummerierung, um alle weiteren Einträge über einen Link auf den nächsten Seiten zu erreichen. Für sogenannte Screen-Reader, enthält solch eine Seitennummerierung immer einen unsichtbaren H2-Tag<h2 class="screen-reader-text">. Leider hat sich WordPress dafür entschieden einen H2-Tag zu verwenden, also einen Tag der eine Seitenüberschrift darstellt.
Aus SEO-Gründen ist das aber eine schlechte Entscheidung. Denn Überschriften sollten nur dafür genutzt werden, den Hauptinhalt einer Seite zu untergliedern. Eine Überschrift mit dem Inhalt „Beitrags-Navigation“ <h2 class="screen-reader-text">Posts navigation</h2> oder „Kommentar-Navigation“ <h2 class="screen-reader-text">Comments navigation</h2> ist dabei ganz und gar am Thema des Inhaltes vorbei. Aus diesem Grund sollte man, den H2-Tag durch einen weniger störenden HTML-Tag, wie bspw. einem DIV ersetzen.
Wie lässt sich die H2 Überschrift der WordPress Seitennummerierung in ein DIV-Tag umwandeln?
Wir könnten diese unsichtbare Überschrift auch ganz einfach aus dem Template entfernen, dass sollten wir jedoch nicht tun! Denn diese Überschrift sagt Menschen mit Behinderungen, um welchen Webseitenabschnitt es sich hierbei handelt. Aus diesem Grund entscheiden wir uns nicht dafür, die H2 Überschrift zu entfernen, sondern den H2-Tag in einen DIV-Tag umzuwandeln.
Hilfreich ist hierbei der WordPress-Filter navigation_markup_template(?). Hier passiert die Magie. Die folgende Funktion ersetzt die Überschrift mit der Rangordnung „H2“ automatisch durch ein „DIV“. Angewendet wird das für die Kommentar-Seitennummerierung (wenn Kommentare umgebrochen werden) und für alle Seitennummerierungen auf Beitragslisten-Seiten in den WordPress Templates der archive.php, index.php und search.php.
Füge den folgenden Code-Schnipsel einfach in die functions.php Datei deines WordPress Themes oder Child-Themes ein, um die fehlerhaft deklarierte Überschrift zu entfernen bzw. umzuwandeln:
