Pagination-Plugin für WordPress

Seitenzahlen, die ihr Ziel nennen

Zahlen, Pfeile, aktuelle Seite: die Ausgabe des Plugins.

Website prüfen
Beispiel im Prüfbericht Markierter Befund
Markierter Befund · Kritisch · WCAG 2.4.4 und 4.1.2Leerer Verweis zum Seitenplan

Einbaukarte für WordPress

Vom Archiv bis zur nächsten Seite

Sehen Sie, wo WP-PageNavi eingreift, was WordPress auffängt und welche Zustände Sie wirklich prüfen müssen.

Weg der Seitennavigation durch WordPress Die Abfrage liefert Seitenzahlen an das Child-Theme. Das Template nutzt WP-PageNavi, wenn das Plugin aktiv ist, sonst die WordPress-Funktion. Beide Wege führen zu echten Seitenlinks im Browser.
1

Archiv-Abfrage

WP_Query

Beiträge, aktuelle Seite, Gesamtzahl

2

Child-Theme

archive.php

Ein Einbaupunkt hinter der Schleife

3

Ausgabe wählen

function_exists()

Plugin aktiv?

Plugin

wp_pagenavi()

Einstellungen steuern Text und Umfang.

Fallback

the_posts_pagination()

WordPress Core hält die Navigation verfügbar.

Linkname: „Nächste Seite“ benennt das Ziel.

Position:aria-current="page" kennzeichnet Seite 3.

Ziel: Jeder Link besitzt eine echte, teilbare URL.

Schematische Einbaukarte und statische Browserdarstellung. Die Inhalte unter der Leiste wechseln erst nach dem Aufruf der neuen URL.

WP-Admin › Einstellungen › PageNavi

Drei Werte, die Nutzer hören und sehen

Text für vorherige Seite
← Vorherige Seite
Text für nächste Seite
Nächste Seite →
Darstellung
Normale Seitenlinks

Dies ist eine schematische Einstellungsansicht. Prüfen Sie vor der Installation die aktuellen WordPress- und PHP-Anforderungen auf der Pluginseite.

Ein Einbaupunkt, zwei belastbare Wege

<?php if ( have_posts() ) : ?>
  <?php while ( have_posts() ) : the_post(); ?>
    <?php get_template_part(
      'template-parts/content'
    ); ?>
  <?php endwhile; ?>

  <?php if ( function_exists( 'wp_pagenavi' ) ) : ?>
    <?php wp_pagenavi(
      array( 'wrapper_tag' => 'nav' )
    ); ?>
  <?php else : ?>
    <?php the_posts_pagination(
      array(
        'prev_text'  => '← Vorherige Seite',
        'next_text'  => 'Nächste Seite →',
        'aria_label' => 'Beitragsseiten',
      )
    ); ?>
  <?php endif; ?>
<?php endif; ?>

Legen Sie die geänderte Archivvorlage im Child-Theme ab. So bleibt die Anpassung bei einem Update des Parent-Themes erhalten.

Die Prüfung beginnt an den Rändern

Vier Zustände decken mehr ab als ein einzelner Screenshot der Mitte.

Erste Seiteentfällt1Seite 2

Kein leerer Zurück-Link

Mittlere SeiteSeite 23Seite 4

Aktuelle Zahl ist kein Link

Letzte SeiteSeite 89entfällt

Kein leerer Weiter-Link

Plugin ausCoreCoreCore

Fallback bleibt bedienbar

Tastatur: Mit Tab jeden vorhandenen Link erreichen und mit Enter wechseln.

Vorleseprogramm: Linkliste und Ansage der aktuellen Seite prüfen.

Browser: URL, neue Beiträge und Fokus nach jedem Seitenwechsel kontrollieren.

Aus dem Prüfbericht

Eine Regel, eine Blätterleiste

Zum Mitnehmen

Die Plugin-Ausgabe, belastbar eingebaut

Sichtbare Wortlabels für alle und ein Fallback für den Ausfall.

Korrektur in 2 Schritten ansehen
  1. Pfeilzeichen durch Wörter ersetzen

    Aktuelle Versionen ergänzen zugängliche Namen. Sichtbare Wörter erklären die Richtung zusätzlich allen Nutzern.

    KorrekturvergleichSchritt 1 · HTML

    Vorher

    <a class="nextpostslink" href="/blog/seite/3/">
      <span class="icon-next"></span>
    </a>

    Nachher

    <a class="nextpostslink" href="/blog/seite/3/">
      Nächste Seite
      <span class="icon-next" aria-hidden="true"></span>
    </a>

    Markierte Zeilen wurden geändert

    So prüfen Sie es Im Browser stehen „Nächste Seite“ und „Vorherige Seite“. Die Linkliste eines Vorleseprogramms nennt dieselben Ziele.

  2. Plugin-Ausfall abfangen

    Der WordPress-Core übernimmt, wenn das Plugin deaktiviert ist. Die Beitragsseiten bleiben erreichbar.

    KorrekturvergleichSchritt 2 · HTML

    Vorher

    <?php wp_pagenavi(); ?>

    Nachher

    <?php if ( function_exists( 'wp_pagenavi' ) ) {
      wp_pagenavi();
    } else {
      the_posts_pagination();
    } ?>

    Markierte Zeilen wurden geändert

    So prüfen Sie es Deaktivieren Sie das Plugin auf Test. WordPress zeigt weiterhin Seitenlinks, und jede Archivseite öffnet andere Beiträge.

Werbung

Kostenloser Website-Barrierefreiheits-Check

Website auf Barrierefreiheit prüfen.

Technische WCAG-Warnsignale erkennen. Kritische Stellen zuerst prüfen.

Der Website-Check ist bereit.

Werbung

Ein letzter Schritt

Prüfen, bevor Sie gehen.

Finden Sie automatisch erkennbare Barrieren auf Ihrer eigenen Website.

Website prüfen

Kostenlos starten · keine Installation

Automatisches Screening. Tastaturbedienung und Screenreader bleiben manuelle Prüfung.