[Ragnaroek]

Nabend allerseits,

ich habe eine kurze Frage zu einer Umsetzung einer Navigation.

Auf der Website soll sich im Header eine horizontale Navigation befinden, jedoch außer die Punkte Impressum und Kontakt, welche in den Footer wandern sollen. Beide Punkte sollen aber bei kleinen Displays in einer Toggle-Nav zusammengeführt werden.

Jetzt stellt sich die generelle Frage, wie dies umzusetzen wäre. Meine spontane Idee wäre, die Punkte in der Haupt-Nav per display: none; quasi unsichtbar zu schalten und beim entsprechenden Breakpoint wieder sichtbar zu machen, während die Footer-Nav unsichtbar wird.

Das ganze funktioniert generell genau so wie ich es gerne hätte, aber ist diese Lösung wirklich vernünftig? Ich hätte z.B. die zwei Navpunkte an zwei Stellen im Code, da frage ich mich was das bez. Suchmaschinen oder Screenreader für Auswirkungen hätte...

Ich habe schon im Netz und auch hier gesucht, aber keine Antworten darauf gefunden - vielleicht habe ich auch einfach die falschen Suchbegriffe verwendet. Ein Link zu einer Érklärung würde mir schon helfen.

Besten dank

Ragna

[cloned]

Vorweg: SEO Experte bin ich keiner. Allerdings denke ich nicht, dass 2(!) Links in so einer Ausführung ein Problem darstellen. Würdest du 50 Links mehrmals auf deiner Seite platzieren dann sieht das vielleicht anders aus aber bei so einer geringen Anzahl würde ich mir keine Gedanken machen.
Bezüglich Screenreader: Das, was per display:none ausgeblendet wird, wird auch nicht vorgelesen. Da passt das also auch.

Alternative zu deiner jetzigen Lösung wäre, die Breite per JS abzufragen und dann die Links entsprechend zu verschieben, das wäre meiner Meinung nach aber nicht so performant wie deine Lösung und deshalb auch nicht zu empfehlen.