7.2.3 Gestalten Sie die Trefferliste einfach und strukturieren Sie diese gut

Hintergrund

Eine übersichtliche Strukturierung der Trefferlisten ist Grundvoraussetzung für die Benutzbarkeit der Suche. Diese Strukturierung muss sowohl visuell als auch im HTML-Code abgebildet werden.

Maßnahmen

  • Verwenden Sie semantisches Markup, z.B. jede Form von Listen (UL, OL, DL), gegebenenfalls auch Überschriften in richtiger Hierarchie.
  • Verwenden Sie optische Strukturierungsmaßnahmen, z.B. Zebra Stripes, Trennlinien oder ausreichend Weißraum, um die Suchergebnisse voneinander abzugrenzen.

Wer profitiert davon?

  • Alle NutzerInnen
  • Blinde und Screenreader NutzerInnen

Beispiel

Oeticket Suche Struktur

oeticket.at: Die Suchergebnisse sind zwar optisch sehr gut und einfach strukturiert, die HTML Struktur ist aber ungenügend. Die Titel der Suchergebnisse sind einfache Links, die einzelnen Ergebnisse sind nur in HTML-Container geschachtelt, aber nicht als Liste strukturiert. Für Screenreader NutzerInnen bestehen die Suchergebnisse aus völlig unstrukturiertem Fließtext.