Suchfeld direkt anzeigen im Theme (Barrierefreiheit)

Ich habe im header ein normales Suchfeld. Dieses wird erst minimiert angezeigt (siehe Bild1 Anhang) mit einer Art Lupe, Klickt man die Lupe an, öffnet sich erst das eigentliche Suchfeld (siehe Bild2 Anhang) . Das funktioniert für sehende Nutzer auch gut. Jedoch haben blinde Nutzer die per Tastatur steuern und per Screenreader die Seite erfassen z.B. das Problem, dass sich beim aktivieren der Lupe mittels Enter-Taste der Fokus nicht in das sich nun öffnende Suchfeld weiterbewegt. Der blinde Nutzer bemerkt also garnicht, dass sich das Suchfeld öffnet und er gezwungen ist, nochmals die TAB-Taste zu bestätigen, um überhaupt im Suchfeld zu landen. Das ist natürlich für Blinde mindestens unkomfortabel, wenn nicht sogar irritierend, da er damit rechnet, im unmittelbar nächsten Schrift sein Suchbegriff eingeben zu können und nicht erst weitere Tasten drücken zu müssen.

2 Lösungen fallen mir da theoretisch ein:
- entweder man bekommt das unmittelbare Suchfeld direkt angezeigt ohne diese 'Vorschau-Lupe' oder
- die elegantere Lösung, beim Betätigen der 'Lupe' öffnet sich das Suchfeld und der Fokus wandert automatisch in dieses Suchfeld (über den Screenreader sollte das kommuniziert werden)

Hier der derzeitige Code:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Für Hinweise bin ich sehr dankbar!

 

Keiner von den Code-Spezies eine Idee dazu?