Einzelnen Beitrag anzeigen
  #3  
Alt 03.05.2017, 13:29:19
1cK3 1cK3 ist offline
Anfänger
 
Registriert seit: Feb 2017
Alter: 25
Beiträge: 2
AW: responsive Design - Wie heangehen

Hallo Sysop,
danke für die schnelle Antwort.

Ich konnte mein spezifisches Problem tatsächlich lösen. Stichwort: responsive Navigation und Hamburger Button.

Für alle, die ähnliche Probleme haben:
Auf dem mobile wird die Navigation via "checkbox-hack" ein-ausgeblendet (display:hidden vs. display:block), sodass nur der berühmte Hamburger-Button zum Menü führt.
Bei größeren Bildschirmen (media-query) kann mensch die Navigation dann wieder einblenden und formatieren und den Hamburger-Button ausblenden.

display:block und display:hidden seien allerdings bei barrierrefreien Auftrittten nicht geeignet, da sie vom Screenreader ignoriert würden (hab ich gelesen). Aber da gibt es wohl auch Workarounds.

Allen mit dem selben Problem wünsche ich, dass das weiterhilft. Entsprechend würde ich den thread jetzt als gelöst markieren, wüsste ich, wie das geht.
Wie geht das?

liebe Grüße
1cK3
Mit Zitat antworten