Anmerkungen:
den tabindex -1 auf dem main-nav hast Du gemacht, weil die Skiplinks dahin verweisen, okay, ABER ich würde die Skiplinks auf den Button zeigen lassen. Denn sonst muss man erstmal mit Tab zum Button springen, bevor man das Menü öffnen kann.
Bedeutet also das der Button eine ID benötigt?
die Existenzberechtigung von navi-span würde ich bestreiten wollen, aber das wird eine längere Operation. Ich verstehe, warum Du das Ding benutzt. In Sinne von "Sorry für das lange Markup, ich hatte keine Zeit für ein kürzeres" lasse ich das so.
Siehst ja nun was passiert wenn navi-span nicht da ist! Ganz toll.
Ich habe nun alles genau so eingesetzt wie beschrieben, dennoch funktioniert GAR NICHTS. Ich kann gar nichts anklicken? Stimmt mit dem JS etwas nicht?
Was ist nun noch falsch?