Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser

[Bertie]

Salü Gunnar

Per <object> einbinden würde in Safari auch funktionieren, wäre kürzer und bräuchte nur 1 SVG mit eingebautem dark mode. Hier ein Beispiel online: https://www.macsimum.ch/SELFHTML/Test_SVG_transparent_img_object.html

Gemäss Spezifikation von object muss mindestens entweder data oder type definiert sein, folgendes wäre also auch ohne type="image/svg+xml" regelkonform:

<object data="Neue-Responsivitat_ohne_Hintergrund.svg">Schema neue Responsivität</object>

Ob das allerdings barrierefrei ist, habe ich leider nicht herausgefunden, z.B. ob Screenreader den Text "Schema neue Responsivität" sehen können.

Das für img übliche alt Tag ist offiziell für objekt nicht als Möglichkeit aufgeführt.