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

[Gunnar Bittersmann]

@@Bertie

Per <object> einbinden würde in Safari auch funktionieren, wäre kürzer und bräuchte nur 1 SVG mit eingebautem dark mode.

Ah, fein. Das ist natürlich besser.

Gemäss Spezifikation von object muss mindestens entweder data oder type definiert sein

Beides schadet aber auch nicht:

<object data="Neue-Responsivitat_ohne_Hintergrund.svg" type="image/svg+xml">
  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.

Ja, das sollten sie können.

Das für img übliche alt Tag …

alt-Attribut. Du meinst „Attribut“.^[1]

… ist offiziell für objekt nicht als Möglichkeit aufgeführt.

Und das ist auch gut so. Die Alternative ist da, wo sie hingehört: im Elementinhalt, nicht in einem Attribut. Dass es bei img andreesen anders ist, ist ein Sprachdesignfehler von HTML, der sich nicht mehr korrigieren lässt. (s. dieses Posting und auch die Ergänzung dazu)

Bei object u.a. wurde es dann richtig gemacht.

Und eigentlich ist es andersrum: der Text ist die Grundlage, das Bild (bzw. anderes Media-Objekt) ist die Alternative, die Verbesserung, die verwendet wird, wenn der Client das unterstützt (bei Bildern tun das so gut wie alle Browser). Progressive enhancement.

Nun sind Screenreader keine Clients, sie sagen aber die Grundlage an: den Text. (edit: siehe @Bertie’s Erkenntnis)

🖖 Live long and prosper

---

1. Anstatt tag name würde ich heute eher element type sagen. ↩︎