Ein Blog-Archiv mit hundert Einträgen, eine Shop-Kategorie mit dreihundert Produkten, eine Suche mit Tausenden Treffern. Niemand will das alles auf einer einzigen, endlos langen Seite haben. Also teilst Du die Liste auf. Dafür gibt es drei übliche Wege, und sie sind nicht gleich gut bedienbar.
Nummerierte Seiten, ein „Mehr laden"-Knopf oder eine Liste, die beim Scrollen immer weiter nachwächst, sehen mit der Maus alle brauchbar aus. Sobald jemand mit der Tastatur oder einem Vorlese-Programm unterwegs ist, trennt sich die Spreu vom Weizen. Woran Du erkennst, welcher Weg den Faden hält, lässt sich an Deiner eigenen Seite prüfen.
Warum lange Listen aufgeteilt werden
Eine Liste mit dreihundert Einträgen auf einmal auszuliefern ist für niemanden angenehm. Die Seite lädt langsam, der Browser ruckelt beim Scrollen, und der Besucher verliert in der Masse den Überblick. Das Aufteilen in handliche Häppchen ist deshalb ein Gewinn für alle.
Für sehende Maus-Nutzer ist die Art des Aufteilens fast egal. Sie scrollen, klicken auf eine Seitenzahl oder einen Knopf und kommen ans Ziel. Genau diese Sorglosigkeit führt dazu, dass beim Bau selten jemand fragt, wie sich das Ganze ohne Maus oder ohne Bildschirm anfühlt.
Dort entscheidet sich die Barrierefreiheit. Wer mit der Tastatur blättert, muss den Weiter-Knopf erreichen und auslösen können. Wer hört statt sieht, muss mitbekommen, dass überhaupt eine neue Portion erschienen ist. Beides fällt im normalen Maus-Betrieb gar nicht auf.
Nummerierte Seiten als verlässlicher Klassiker
Die klassische Variante zeigt unter der Liste eine Reihe von Seitenzahlen, oft mit einem Pfeil für vor und zurück. Du klickst auf die Zwei, die Seite lädt die nächste Portion, und die Adresse im Browser ändert sich mit. Das wirkt altmodisch, ist aber die robusteste Lösung.
Der Vorteil liegt in der Klarheit. Jeder weiß, wo er steht, weil die aktive Seite hervorgehoben ist. Jeder kann eine bestimmte Seite anspringen oder zur vorigen zurück. Und weil jede Seite eine eigene Adresse hat, lässt sich ein Treffer als Lesezeichen speichern oder weitergeben.
Für die Tastatur ist das ein Heimspiel. Die Seitenzahlen sind ganz normale Links, die mit der Tab-Taste angesprungen und mit der Eingabetaste ausgelöst werden. Ein Vorlese-Programm liest sie als das vor, was sie sind, nämlich als Liste von Seiten mit dem Hinweis, welche gerade aktiv ist. Wenig kann hier schiefgehen.
Der „Mehr laden"-Button als Mittelweg
Bei dieser Variante steht unter der Liste ein einzelner Knopf. Ein Druck darauf hängt die nächste Portion unten an, ohne die bisherige zu verwerfen. Die Seite wird länger, der Besucher behält aber die Kontrolle darüber, ob und wann mehr nachkommt.
Diese Kontrolle ist der entscheidende Pluspunkt gegenüber dem endlosen Scrollen. Es passiert nichts von selbst. Wer nur die ersten zwanzig Einträge sehen will, hört nach zwanzig auf. Wer mehr will, drückt erneut. Das ist auch für Maus-Muffel angenehm, weil ein klarer Knopf besser zu treffen ist als der richtige Scroll-Moment.
Ein gut gebauter „Mehr laden"-Knopf ist mit der Tastatur erreichbar und löst mit der Eingabetaste aus. Wie das Bedienen ganz ohne Maus überhaupt funktioniert und worauf Du dabei achtest, beschreibt der Beitrag zur Bedienung des Menüs mit der Tastatur. Für die Liste zählt vor allem, dass der Knopf nach dem Klick nicht ins Leere führt.
Wohin der Fokus nach dem Nachladen springt
Hier liegt der Knackpunkt, den fast jede selbstgebaute Lösung übersieht. Ein Tastatur-Nutzer hat den Weiter-Knopf markiert und gedrückt. Die neuen Einträge erscheinen darüber, der Knopf rutscht nach unten weg. Wo steht die Markierung jetzt? Im schlechten Fall landet sie wieder ganz am Anfang der Seite, und der Besucher muss sich erneut durch alles tabben.
Gut gemacht wandert die Markierung mit dem Geschehen mit. Sie landet auf dem ersten neu hinzugekommenen Eintrag, sodass der Besucher genau dort weiterliest, wo der frische Inhalt beginnt. So bleibt der Faden erhalten, statt nach jedem Klick zu reißen.
Dasselbe gilt für nummerierte Seiten. Nach dem Wechsel auf Seite zwei sollte die Markierung am Anfang der neuen Treffer stehen und nicht im Adressbalken hängen bleiben. Wo der Einstieg in einen frischen Inhalt sitzt, hängt eng mit den Überschriften zusammen, die zeigen, wo auf der Seite man gerade steht.
Warum endloses Nachscrollen heikel ist
Beim endlosen Nachscrollen lädt die Liste von selbst nach, sobald der Besucher nah ans untere Ende kommt. Mit der Maus wirkt das bequem, denn man scrollt einfach weiter und es kommt immer Neues. Genau diese Automatik macht die Variante zur heikelsten von dreien.
Das erste Problem trifft die Tastatur. Wer ohne Maus blättert, hat keine zuverlässige Geste, um das Nachladen auszulösen. Oft gibt es gar keinen Knopf mehr, auf dem die Markierung landen könnte. Der Besucher kommt am Ende der ersten Portion an, und dort ist für ihn Schluss.
Das zweite Problem betrifft den Fußbereich. Impressum, Kontakt oder weiterführende Links stehen üblicherweise ganz unten. Wenn die Liste beim Annähern immer wieder nachwächst, rutscht der Fußbereich endlos nach hinten, und niemand erreicht ihn je. Ein Vorlese-Programm wiederum bekommt schwer mit, dass unbemerkt neue Einträge dazugekommen sind, und liest weiter, als wäre die Seite unverändert.
Neue Treffer hörbar ansagen
Egal ob Knopf oder automatisches Nachladen, eine Sache verbindet beide. Wer hört statt sieht, braucht eine Rückmeldung, dass überhaupt etwas passiert ist. Ohne Ansage drückt der Besucher den Weiter-Knopf, und für sein Ohr bleibt die Seite still und unverändert.
Ein gut gebautes Blättern sagt deshalb kurz an, was geschehen ist. Geladen wurden zwanzig weitere Einträge, oder zu sehen ist nun Seite drei von zehn. Diese kleine Meldung ist für sehende Besucher unsichtbar und wird nur vom Vorlese-Programm vorgelesen. Sie ersetzt die optische Veränderung, die ein blinder Besucher nicht wahrnimmt.
Bei nummerierten Seiten reicht oft schon die Angabe „Seite drei von zehn", direkt an der Seitenleiste. Sie verrät, wie weit man ist und wie viel noch kommt. Diese Orientierung gehört zu den Grundlagen, die im Hub zu den Grundlagen der Barrierefreiheit zusammenlaufen.
Daran erkennst Du gutes Blättern
Du musst nichts davon selbst bauen, um es zu beurteilen. Mit ein paar Handgriffen prüfst Du an Deiner eigenen Liste, ob das Blättern für mehr als nur Maus-Nutzer trägt.
- Maus weglegen: Erreichst Du die Seitenzahlen oder den Weiter-Knopf mit der Tab-Taste und löst sie mit der Eingabetaste aus? Wenn nicht, bleibt ein Teil der Liste für Tastatur-Nutzer gesperrt.
- Nach dem Klick schauen: Wo steht die Markierung, nachdem neuer Inhalt geladen wurde? Springt sie zum frischen Eintrag, ist alles gut. Landet sie wieder oben, reißt der Faden.
- Den Fuß suchen: Kommst Du beim langen Scrollen jemals am Impressum unten an, oder wächst die Liste schneller, als Du sie erreichst?
- Standort prüfen: Siehst Du irgendwo, auf welcher Seite Du gerade bist und wie viele es insgesamt gibt? Ohne diese Angabe blättert man im Blindflug.
Stockt einer dieser Punkte, weißt Du, wo Du bei Deiner Agentur nachhaken solltest. Meist genügt der Wechsel von endlosem Scrollen zu einem klaren Knopf oder zu nummerierten Seiten, um die größten Hürden auszuräumen.
Fazit
Lange Listen aufzuteilen ist richtig, doch die Art des Aufteilens entscheidet, wer mitkommt. Nummerierte Seiten sind die verlässlichste Wahl, der „Mehr laden"-Knopf ein guter Mittelweg. Endloses Nachscrollen verlangt die meiste Sorgfalt, weil es Tastatur und Fußbereich leicht aussperrt.
Achte vor allem darauf, wohin die Tastatur-Markierung nach dem Nachladen springt. Und prüf, ob ein Vorlese-Programm den Zuwachs ansagt. Damit behält jeder Besucher den Faden, ganz gleich, womit er Deine Liste durchblättert.