Antwort an „Bertie“ verfassen

SELF-Forum

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

Bertie Homepage des Autors

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

transparentes SVG, per img und object eingebunden

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.

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen