Ratgeber: Eine sichtbare Lesemarke ist noch kein Nachweis gelesener Inhalte

Sichtbarkeit für eine hilfreiche Oberfläche nutzen

Eine lange Anleitung kann anzeigen, welcher Abschnitt gerade im sichtbaren Bereich liegt. Dafür eignet sich die Intersection Observer API: Sie beobachtet Änderungen der Überschneidung eines Elements mit einem Bezugsbereich, häufig dem Browserfenster. Die MDN-Dokumentation beschreibt dabei Schwellenwerte und asynchrone Benachrichtigungen. Es handelt sich um etablierte Webtechnik, nicht um eine neue Funktion des heutigen Tages.

Diese geometrische Beobachtung sagt nicht, ob jemand den Absatz verstanden oder überhaupt aufmerksam gelesen hat. Plane eine Abschnittsmarkierung deshalb als Orientierung. Formulierungen wie „Aktueller Abschnitt“ sind dafür angemessener als ein automatisch behauptetes „Gelesen und verstanden“. Eine echte Bestätigung braucht einen bewusst gestalteten eigenen Vorgang.

Eine Anleitung mit drei Abschnitten planen

Nimm als Beispiel eine Anleitung zum Aufbau eines Pflanzenregals. Die Seite enthält Material, Montage und Kontrolle. Eine kleine Navigation soll beim Scrollen den passenden Abschnitt hervorheben. Beschreibe, welcher Bereich dafür beobachtet wird und wie sich die Markierung verhalten soll, wenn zwei Überschriften zugleich sichtbar sind.

Lass die eigentlichen Inhalte auch ohne diese Hervorhebung erreichbar. Die Navigation darf normale Links zu den Abschnitten behalten. Die Beobachtung ist eine zusätzliche Orientierung und sollte nicht darüber entscheiden, ob der nächste Absatz überhaupt angezeigt wird. Das ist besonders nützlich, wenn jemand gezielt zur Kontrolle springen möchte.

Unterschiedliche Bildschirmhöhen einbeziehen

Prüfe zuerst ein hohes Fenster und danach eine kurze mobile Ansicht. Bei einer sehr langen Sektion wird möglicherweise nie ein großer Anteil gleichzeitig sichtbar. Ein zu hoch gewählter Schwellenwert kann dann zu einer unerwarteten Markierung führen. Prüfe außerdem den Anfang und das Ende der Seite sowie einen direkten Aufruf eines Abschnittslinks.

Halte fest, was bei schnellem Scrollen passieren soll. Eine flackernde Navigation kann mehr ablenken als helfen. Entscheide für die konkrete Seite, ob eine ruhigere Markierung an der Überschrift genügt. Ein Entwicklungsassistent sollte diese Produktentscheidung nicht allein aus einem technischen Beispiel ableiten müssen.

Orientierung und Bestätigung auseinanderhalten

Ergänze in der Abnahme zwei getrennte Aussagen: Die Abschnittsmarkierung folgt der vorgesehenen Regel, und alle Inhalte bleiben ohne sie erreichbar. Falls später eine Lernbestätigung gebraucht wird, plane dafür einen eigenen verständlichen Knopf oder eine Aufgabe. So verwendest du die Sichtbarkeitsinformation für eine hilfreiche Bedienung, ohne aus einer Bildschirmposition unbelegte Aussagen über das Verhalten der Menschen abzuleiten.