Für viele Besucher ist die Suche die Abkürzung zum Ziel. Statt sich durch das Menü zu klicken, tippen sie ein Wort ein und erwarten den passenden Treffer. Klemmt dieser eine Punkt, ist die Abkürzung verbaut, und die Seite wirkt selbst dann unbrauchbar, wenn der gesuchte Inhalt längst vorhanden ist.
Genau hier scheitert Bedienbarkeit oft leise. Ein Suchfeld ohne klare Beschriftung, Ergebnisse ohne erkennbare Ordnung, eine Bedienung, die nur die Maus kennt: All das sperrt Menschen aus, ohne dass im Layout etwas auffällt. Die gute Nachricht ist, dass Du die meisten dieser Hürden selbst findest und benennen kannst, ganz ohne die Optik anzufassen.
Warum die Suche oft zur Hürde wird
Das Suchfeld sieht harmlos aus: ein Kasten, vielleicht eine Lupe daneben. Gerade diese Schlichtheit ist die Falle. Wenn das Feld keinen lesbaren Namen trägt, weiß eine Vorlesehilfe nicht, wozu es da ist, und kündigt es bestenfalls als „Eingabefeld" an.
Dazu kommt, dass eine Suche aus mehreren Schritten besteht, die alle zusammenpassen müssen: das Feld, der Auslöse-Knopf, die Liste der Treffer und die Reaktion, wenn nichts passt. An jeder dieser Stellen kann der rote Faden für jemanden reißen, der die Seite ohne Maus oder mit einer Vorlesehilfe bedient. Wer alle vier Stellen sauber durchdenkt, hat die häufigsten Aussperrungen schon vermieden.
Das Suchfeld klar beschriften
Ein gutes Suchfeld sagt von sich aus, was es ist. Der Lupen-Knopf allein reicht dafür nicht, denn ein Symbol ohne Namen bleibt für eine Vorlesehilfe stumm. Das Feld braucht einen festen, lesbaren Namen wie „Suche" oder „Website durchsuchen", der auch dann erhalten bleibt, wenn das Wort im Layout unsichtbar ausgelagert ist.
Verlass Dich dabei nicht auf den Platzhalter-Text im Feld. Dieser graue Hinweis verschwindet, sobald jemand zu tippen beginnt, und viele Vorlesehilfen lesen ihn gar nicht erst vor. Ein stabiler Name bleibt, der Platzhalter ist nur eine Zugabe.
Auch der Auslöse-Knopf gehört benannt. „Suchen" ist eindeutig, eine nackte Lupe ohne Wort lässt jeden raten, der das Symbol nicht sieht. So weiß jeder Besucher, was ein Druck darauf bewirkt, bevor er ihn auslöst.
Suchergebnisse verständlich darstellen
Nach dem Absenden kommt der entscheidende Moment: die Treffer. Hilfreich ist eine Liste, die mit einer klaren Ansage beginnt, etwa „Sieben Ergebnisse für deinen Begriff". Wer die Seite hört statt sieht, erfährt damit sofort, ob sich das Durchgehen lohnt und wie umfangreich es wird.
Jeder Treffer braucht eine sprechende Überschrift und einen kurzen Anriss, damit man die Eignung abschätzen kann, ohne jeden Link einzeln zu öffnen. Eine Wüste aus blauen Links ohne Kontext zwingt zum Raten, und Raten kostet alle Besucher Zeit, am meisten die mit einer Vorlesehilfe.
Achte darauf, dass die Reihenfolge der Treffer auch beim Vorlesen logisch bleibt. Was oben am wichtigsten steht, sollte auch als Erstes angesagt werden. Eine bedienbare Navigation und eine geordnete Trefferliste folgen demselben Grundsatz: Struktur entscheidet, ob jemand ankommt.
Mit Tastatur und Vorlesehilfe bedienbar
Die ganze Suche muss sich allein mit der Tastatur führen lassen. Mit dem Tabulator springst Du ins Suchfeld, tippst Deinen Begriff, löst mit der Eingabetaste aus und bewegst Dich anschließend durch die Treffer, ohne die Maus zu berühren. Klappt nur ein Schritt davon nicht, ist die Suche für einen Teil Deiner Besucher tot.
Viele Suchen zeigen schon beim Tippen Vorschläge an. Diese Liste ist praktisch, wird aber zur Falle, wenn sie sich nur mit der Maus anklicken lässt. Gut gemacht, wanderst Du mit den Pfeiltasten durch die Vorschläge, übernimmst einen mit der Eingabetaste und schließt die Liste mit Escape.
Wichtig ist außerdem, dass eine Vorlesehilfe ansagt, wenn neue Treffer erscheinen. Aktualisiert sich die Seite still im Hintergrund, merkt ein blinder Besucher nichts davon und wartet vor einer Liste, die längst da ist. Eine kurze Ansage löst dieses stille Missverständnis auf.
Was bei null Treffern passieren sollte
Kein Treffer ist ein heikler Moment, und genau hier sparen viele Seiten am Text. Eine leere Seite oder ein knappes „Keine Ergebnisse" lässt den Besucher ratlos zurück. Besser ist ein freundlicher Satz, der den gesuchten Begriff nennt und sagt, wie es weitergeht.
Hilfreich sind ein, zwei konkrete Vorschläge: einen anderen Begriff probieren, die Schreibweise prüfen, über das Menü stöbern. So bleibt der Besucher im Fluss, statt an einer Sackgasse stehenzubleiben. Wer ohne Maus arbeitet, braucht diesen klaren nächsten Schritt am dringendsten.
Damit auch eine Vorlesehilfe das mitbekommt, sollte die Null-Treffer-Meldung angesagt werden, sobald sie erscheint. Sonst hört der Besucher Stille und weiß nicht, ob die Suche noch lädt oder schlicht nichts gefunden hat.
Der schnelle Selbsttest ohne Maus
Du brauchst kein Werkzeug, um die größten Lücken zu finden. Leg die Maus zur Seite und führe eine Suche allein über die Tastatur durch, vom Sprung ins Feld bis zum ersten Treffer.
Achte dabei auf vier Dinge. Erreichst Du das Suchfeld und löst die Suche mit der Tastatur aus? Trägt das Feld einen erkennbaren Namen? Lassen sich die Treffer in logischer Reihenfolge durchgehen? Und bekommst Du bei null Treffern einen klaren Hinweis, statt vor einer leeren Fläche zu stehen? Sobald die Treffer reichlich werden, hilft Dir der Beitrag dazu, wie Du Filter, Facetten und Sortierung barrierefrei aufbaust.
Bleibst Du an einer dieser Stellen hängen, hängt dort auch ein Teil Deiner Besucher fest. Wer noch genauer prüfen will, geht die Suche zusätzlich allein mit der Tastatur durch jede Ebene und notiert, wo der Weg abbricht.
Fazit — eine Suche, die jeden ankommen lässt
Eine barrierefreie Suche entsteht aus wenigen klaren Entscheidungen: ein benanntes Suchfeld, ein angesagtes Trefferergebnis, eine Bedienung über die Tastatur und ein freundlicher Hinweis, wenn nichts passt. Jede dieser Stellen kostet wenig und wirkt bei jedem Suchvorgang.
Geh Deine eigene Suche einmal mit diesem Blick durch und tippe Deinen Begriff ohne Maus ein. Wo Du ins Stocken gerätst, gerät auch ein Teil Deiner Besucher ins Stocken, und genau dort lohnt der erste Handgriff. Frag Deine Agentur gezielt nach den vier Stellen, dann wird aus der Abkürzung wieder ein verlässlicher Weg.