Kein <div> und kein <p> im <summary> erlaubt - was tun?

[Rolf B]

Hallo fietur,

ich denke, dann hast Du diese Optionen.

(1) Pfeif auf valides HTML und möglicherweise auch auf zugängliche Bedienung, und bau deine Seite so, wie Du angefangen hast.

(2) Spiele ein bisschen mit position:absolute herum und lege dein Summary komplett über deine Card. Nachteil: Der Anwender kann nichts mehr in der Card auswählen (es sei denn, du nimmst den füllenden Effekt in der ausgeklappten Version 'raus).
Das könnte so aussehen - ich nehme aber an, dass ins summary-Element noch ein visuell versteckter Informationstext hinein muss, damit das Ganze zugänglich ist. Muss man mit NVDA oder so schauen, der sagt ja für summary bereits etwas an. Die teiltransparente Hintergrundfarbe für's summary ist drin, damit man sieht, wo es ist - die ist nicht für den praktischen Einsatz

(3) Baue das Ding mit JavaScript nach. Viel Glück mit der Zugänglichkeit, das wird ein Haufen aria-Gedöns.

Rolf