Wirklich bizarrer Fehler in meinem HTML-Code - ich konzentriere mich nicht auf Navigationslinks mit Tabulatortaste / Duplizieren von Elementen

Question

Aus unbekannten Gründen führt mein HTML-Code dazu, dass alle Browser außer Firefox und dh, wenn Sie die Tabulatortaste verwenden, die Links im nav-Element überspringen und sich überhaupt nicht auf sie konzentrieren.Firefox macht etwas ähnlich Bizarres, aber anderes, es überspringt nicht die Links, sondern dupliziert den Header-Link und platziert das h1-Element aus dem Link innerhalb des Headers.und mit dh es funktioniert genau richtig ... ja ich weiß ... (woah!)

Ich habe es auf ein Problem in meinem HTML-Code eingegrenzt, da es immer noch passiert, wenn sowohl Javascript als auch CSS deaktiviert sind.Ich habe noch keinen Sprung zum Hauptinhaltslink eingefügt, daher kann es nicht sein, dass ich das tabindex-Attribut nirgendwo verwendet habe und alles perfekt funktioniert.

Hier ist das Problem, das Sie selbst sehen können: www.thisbengreenguy.com/creative.php

Vielen Dank für Ihre Hilfe im Voraus.

Answer 1

Durch die Rückwärtskonvertierung von HTML 5 in Xhtml Strict sieht es in Firefox richtig aus und funktioniert sowohl in der Oper als auch jetzt perfekt.und bei Safari und Chrom müssen Sie opt / alt + tab verwenden, um zu fokussieren.Zumindest sieht es so aus, wie es beabsichtigt ist, und ist nahezu vollständig zugänglich, wie ich es bekommen kann.