Ein Link pro Listeneintrag

Stell dir vor, du stehst an der Käsetheke und fragst nach einem milden Käse für deine Kinder. Der Verkäufer empfiehlt einen mittelalten Gouda. Du lehnst ab — er legt den Gouda zurück, greift zum selben Stück und hält es dir erneut hin: „Dann hätte ich noch DIESEN mittelalten Gouda anzubieten." Und beim dritten Nachfragen: wieder derselbe Gouda. Für jede weitere Käsesorte würde sich das Spielchen wiederholen.

Absurd? Genau so fühlt es sich an, wenn du in Contao für News und Events die Standard-Templates verwendest und ein:e Besucher:in per Tastatur durch deine News- und Event-Listen navigiert.

Das Problem

Nehmen wir an, du hast eine News-Liste mit dem Template news_latest und jeder Beitrag hat ein Bild. Dann sind die Tabulator-Sprünge wie folgt:

Bild. Überschrift. Weiterlesen … Bild. Überschrift. Weiterlesen … Bild. Überschrift. Weiterlesen.

Drei Links pro Beitrag, die alle zum selben Ziel führen — Tastatur-Nutzer:innen müssen jeden einzelnen durchsteppen.

Die Lösung

Wenn du auf sehr einfache Weise die Navigation deiner Website verbessern möchtest, machst du aus den drei Links einen einzigen Link pro Beitrag. Mit dem Pseudo-Element ::after machst du anschließend den kompletten Beitrag klickbar.

Ein weiterer einfacher Hebel für bessere Tastatur-Bedienbarkeit: Tastatur-Navigation in Dropdown-Menüs.