Womit lässt sich <center> bei SVG-Grafiken ersetzen?

[Robert B.]

Moin,

die Frage ist: Haben die Grafiken/Icons eine semantische Bedeutung Nein. oder sind sie nur Dekoration? Auch nein. Das Symbol einer Musiknote neben "Abendkonzert" ist Dekoration, neben "Abendrunde" aber semantisch. Beides kommt vor, und bei der dynamischen Erzeugung der Tabelle will ich nicht auch noch unterscheiden müssen, ob das Symbol im HTML oder im CSS definiert wurde. Deshalb: beides.

semantisch heißt nicht, wo die Grafik definiert wird, sondern welche Bedeutung sie hat.

Was bekommt man denn ohne CSS oder mit einem Screenreader zu sehen? Die Symbole haben ein title-Attribut - es dürfte vom Screenreader abhängen, ob das ausgewertet wird. Die Nützlichkeit ergibt sich großenteils auf visueller Ebene. Rein auf Informationsebene sind sie entbehrlich.

„Rein auf der Informationsebene entbehrlich“ heißt, dass der Text „Abendrunde“ also dann doch schon selbsterklärend ist. Ansonsten müsste der auf jeden Fall zugänglich sein – ob ein title-Attribut reicht, oder es lieber ein aria-label oder ein span mit verstecktem Inhalt und display: inline-block sein sollte, kann ich leider nicht genau sagen.

Viele Grüße
Robert