Nächstes Projekt: fertige Layouts

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Bei den Beispielen gibt es aber noch andere Dinge zu berichtigen. Ich hab mir mal zufällig eins rausgepickt: Template 8. Hab versucht, mit der Tastatur zu navigieren: geht nicht, kaputt. Weil das nav-Element im Markup irgendwo steht anstatt ganz oben.

Und falls man dann doch irgendwann in der Navigation landet, ist diese unbrauchbar, weil wieder mal vergessen wurde, Stile für :focus anzugeben.

Die Reihenfolge im Markup muss aber mit der visuellen Reihenfolge übereinstimmen.

Und ganz oben im Markup bietet sich ein Skip-Link <a href="#main" id="skip-link">zum Hauptinhalt</a> an, der nur sichtbar ist, wenn er den Fokus hat, und mit dem man direkt beim Hauptinhalt landet.

LLAP 🖖