Jemand gibt den Namen einer Dienstleistung ein, klickt auf „Suchen“ und sieht einen leeren Bildschirm. Formal ist die Suche abgeschlossen. In der Praxis ist das Gespräch mit der Website genau dort abgebrochen, wo die Person ihr Interesse am deutlichsten formuliert hat. Wir empfehlen, diesen Moment nicht als Fehler der suchenden Person zu gestalten, sondern als eigenständiges Szenario: Was wird sie verstehen, und was kann sie als Nächstes tun?
Legen Sie zuerst fest, wo die Website tatsächlich sucht
Ein Feld mit einer Lupe verspricht oft mehr, als es leistet. Wenn es nur Artikeltitel durchsucht, nicht aber Dienstleistungen, Dokumente und den vollständigen Text der Seiten, sollte das neben dem Feld deutlich werden. „Im Journal suchen“ ist genauer als ein allgemeines „Suchen“, wenn andere Inhalte nicht zum Suchbereich gehören. Für eine kleine Website ist ein gut geordnetes Artikelarchiv manchmal hilfreicher als ein komplexes Formular, das seine Grenzen verbirgt.
Stellen Sie vor der Entwicklung einige gewöhnliche Suchanfragen zusammen: einen exakten Titel, ein allgemeines Thema, eine andere Schreibweise und ein Wort, das auf der Website nicht vorkommt. Legen Sie fest, welche Inhalte in jedem Fall erscheinen sollen. Das ist eine redaktionelle Vereinbarung, kein Versprechen, dass der Algorithmus jede Absicht errät.
Behalten Sie die Suchanfrage bei und unterscheiden Sie die Zustände
Nach der Suche sollte der Text im Feld stehen bleiben. So kann die Person ein einzelnes Wort ändern, statt alles neu einzugeben. Eine leere Suchanfrage, der Ladevorgang, fehlende Treffer und ein technischer Fehler erfordern unterschiedliche Meldungen. „Nichts gefunden“ darf keinen nicht erreichbaren Server verschleiern: In diesem Fall wissen wir noch gar nicht, ob Ergebnisse vorhanden sind.
Zeigen Sie bei einer Suche mit Filtern die aktiven Einschränkungen an. Keine Inhalte in der ausgewählten Kategorie bedeuten nicht, dass es auf der gesamten Website keine gibt. Bieten Sie eine eigene Aktion „Filter zurücksetzen“ an, die den eingegebenen Text nicht löscht. So ist klar, was sich nach dem Klick genau ändert.
Bieten Sie einige ehrliche Wege an statt einer Wand voller Ratschläge
Ein knapper Leerzustand kann die Suchanfrage selbst, eine Erklärung des Suchbereichs und zwei nächste Schritte enthalten: die Anfrage anders formulieren oder einen Themenbereich öffnen. Es ist nicht nötig, sofort Dutzende zufälliger Karten anzuzeigen. Wenn Sie verwandte Themen vorschlagen, bezeichnen Sie diese als Empfehlungen und nicht als genaue Treffer.
Ein hypothetisches Beispiel für ein Studio: Zum Wort „Relaunch“ wird nichts gefunden, es gibt aber Bereiche zu Website-Betreuung und -Aktualisierung. Diese lassen sich als alternativer Weg anbieten, ohne die Antwort zu ersetzen oder etwas als gefunden auszugeben, das nicht zur Suchanfrage passt. Linktexte sollten den Inhalt ihres Ziels erklären, wie wir es in unserem Artikel über verständliche Links beschreiben.
Ein Eingabefeld ist noch keine fertige Suchmaschine
MDN beschreibt input type="search" als Feld zur Eingabe einer Suchanfrage. Der Feldtyp allein erstellt keinen Index und legt nicht fest, wie Wörter mit Inhalten abgeglichen werden. Diese Logik muss separat umgesetzt werden. Das Feld braucht außerdem eine verständliche Bezeichnung: Ein Beispiel im leeren Feld sollte nicht die einzige Erklärung seines Zwecks sein.
Wenn Ergebnisse ohne Neuladen der Seite aktualisiert werden, muss eine kurze Meldung über ihre Anzahl oder ihr Ausbleiben für assistive Technologien zugänglich sein, ohne den Fokus zwangsweise zu verschieben. Genau solche Meldungen behandelt das W3C in seiner Erläuterung zu Erfolgskriterium 4.1.3. Das bedeutet nicht, dass die gesamte Ergebnisliste als eine einzige Meldung vorgelesen werden soll.
Prüfen Sie den Weg, nicht nur das Vorhandensein einer Lupe
Gehen Sie das Szenario auf einem schmalen Bildschirm und mit der Tastatur durch: Geben Sie eine Suchanfrage ein, starten Sie die Suche, korrigieren Sie die Anfrage, setzen Sie einen Filter zurück, öffnen Sie ein Ergebnis und kehren Sie zurück. Stellen Sie sicher, dass Schaltflächen nicht hinter der Bildschirmtastatur verschwinden, lange Titel keine benachbarten Elemente überdecken und Meldungen nicht nach jedem Zeichen vor den Augen hin und her springen.
Prüfen Sie Suchanfragen in den Sprachen der Website gesondert und verbergen Sie die Grenzen zwischen den Sprachbereichen nicht. Eine gute Suche muss nicht alles erraten. Ihr praktischer Wert liegt darin, dass Menschen die Grenzen der Antwort erkennen, ihre bisherigen Eingaben nicht verlieren und auch ohne Treffer einen verständlichen nächsten Schritt vor sich haben.