Fragen zum CSS-Flyout-Menü
bearbeitet von Gunnar Bittersmann@@Bimmelbeule
> Fragen zum CSS-Flyout-Menü (ich habe das hier abgekupfert):
> [Selfhtml CSS Flyout Menü](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Flyout-Men%C3%BC#Alternative:_details)
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“](https://bittersmann.de/talks/sachen-gibts-die-gibts-gar-nicht/#/title) (auch nicht ohne [Deppenleerzeichen](https://de.wikipedia.org/wiki/Leerzeichen_in_Komposita)).
Zeichen gibt es in einem Zeichen**satz**. UTF-8 ist keiner, sondern eine Zichen**codierung**. 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*{:@en} nachschlagen](https://caniuse.com/css-marker-pseudo).
Bei Safari gibt’s da eine Fußnote. Dem Link zu [4.2. List Markers: the ::marker pseudo-element](https://www.w3.org/TR/css-pseudo-4/#marker-pseudo) gefolgt: *“The ::marker pseudo-element represents the automatically generated marker box of a list item.”*{:@en}
`summary` ist kein *list item*{:@en}.
> 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.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix