Floatende Infobox und Reihenfolge im DOM

[Gunnar Bittersmann]

@@jensp

Bei schmalen Viewports soll die Box unterhalb liegen. Soweit alles kein Problem.

Doch, das Umsortieren von Flexitems mit order ist ein Problem. Visuell kommt der Haupttext vor der Zusatzinformation; ein Screenreader liest aber erst die Zusatzinformation vor, dann den Haupttext. Das dürfte etliche Nutzer verwirren.

Und wenn in Haupttext und Zusatzinformation noch interaktive Elemente (Links, Buttons, …) sind, springt der Fokus bei Tastaturnavigation wild umher – die Seite wird so ziemlich unbedienbar.

TL;DR: order ist – wenn überhaupt – mit Bedacht einzusetzen. Also eher gar nicht.

LLAP 🖖