Fragen zum CSS-Flyout-Menü

[Gunnar Bittersmann]

@@Bimmelbeule

Fragen zum CSS-Flyout-Menü (ich habe das hier abgekupfert):
Selfhtml CSS Flyout Menü

Schade. Denn ein Ausklappmenü mit details umzusetzen ist nicht so die beste Idee. Das funktioniert zwar irgendwie, mit Screenreadern aber nicht gut. Verwende die ebenfalls auf der Seite beschriebene Umsetzung mit Toggle-Button.

1. Die verwendeten UTF-8 Zeichen

Es gibt keine „UTF-8-Zeichen“ (auch nicht ohne Deppenleerzeichen).

Zeichen gibt es in einem Zeichensatz. UTF-8 ist keiner, sondern eine Zeichencodierung. Du meinst: Unicode-Zeichen.

… "Hamburger" und "Multiplikation" werden auf dem Desktop und in Android einwandfrei dargestellt, aber im Ipad nicht (stattdessen ein Dreieck).

Nein, auch auf dem Desktop werden in Safari Dreiecke angezeigt.

Gibt es da einen Trick

Ja: ::marker in Can I Use nachschlagen.

Bei Safari gibt’s da eine Fußnote. Dem Link zu 4.2. List Markers: the ::marker pseudo-element gefolgt: “The ::marker pseudo-element represents the automatically generated marker box of a list item.”

summary ist kein list item.

1. Ist das jetzt von der rudimentären Bedienung korrekt so?

Rudimentär? Vielleicht.

DOM und Semantik sollten jetzt stimmen

Nein.

Und wenn du die Umsetzung mit Toggle-Button machst, erledigt sich auch das mit den Dreiecken in Safari.

🖖 Живіть довго і процвітайте