Alternativtext zu Logo zuordnen

Question

Guten Tag,

für die barrierefreie Gestaltung meines Fragebogens würde ich gerne dem Logo einen Alternativtext zuordnen. Dieser soll aber nur auf der ersten Seite und danach nicht mehr erscheinen. Das Logo hingegen muss auf jeder Seite bleiben. Ist das möglich?

Vielen Dank und freundliche Grüße

Answer 1

Der Alternativtext alt ist weniger für Screenreader gedacht als vielmehr generell für Anwendungsfälle, in denen das Bild nicht dargestellt werden kann. Für die meisten Screenreader ist das title Tag von höherer Relevanz, weil hier zusätzliche Informationen und nicht nur eine alternative Darstellung abgelegt werden können.

Da das Logo in den meisten Studien keinen informativen Mehrwert hat, wird der Platzhalter %logo% von SoSci Survey standardmäßig durch ein <img> mit leerem Alternativtext ersetzt. Wenn Sie das ändern möchten, sehe ich spontan zwei Möglichkeiten:

1. Sie können den Platzhalter durch den korrekten HTML-Code für das Bild austauschen (diesen können Sie einfach der fertigen Fragebogen-Seite entnehmen) und im altoder title Attribut einen Platzhalter verwenden. Durch was der Platzhalter dann auf der ersten und den folgenden Seiten ausgetauscht wird, können Sie mit der PHP-Funktion replace() festlegen (einmal auf der ersten, einmal auf der zweiten Seite).

2. Sie können auf der ersten Seite eine Zeile JavaScript-Code verwenden, um das alt oder title Attribut des Logos zu verändern. Allerdings kann es sein, dass einige ScreenReader JavaScript blockieren, damit sich die Seiten nicht allzu dynamisch verändern.

Comments

Vielen Dank erst mal!

Wo finde ich denn den Ort, an dem ich den HTML-Code verändern kann? Da es sich hier um ein Logo handelt, habe ich zunächst probiert, den HTML-Tag unter "Bilder und Mediendateien" zu ändern. Dieser lässt sich aber nicht ändern. Wenn ich allerdings einen extra HTML-Block im Fragebogen selber einfüge, erscheint das Logo als riesiges Bild noch einmal.

Ich habe hier die Zeile
<img src="logo.ger.8736.jpg" title="Logos der Beteiligten">
genutzt.

Wie kann ich das Problem beheben?

---

Bitte stellen Sie sicher, dass Sie %logo% durch ein <img>-Tag mit der Klasse s2-logo ersetzen:

<img src="logo.png" alt="" class="s2-logo">

Wenn Ihr Logo ohne diese Klasse "riesig" erscheint, prüfen Sie bitte nochmal, ob Sie es vor dem Hochladen auf eine vernünftige Pixel-Größe skaliert haben.

---

Tut mir ja echt Leid - aber ich stehe hier total auf dem Schlauch.
Das Logo selber habe ich unter "Bilder und Mediendateien" eingefügt. Es erscheint in guter Größe auf jeder Seite.
In diesen Einstellungen kann ich aber keine Tags ersetzen. Daher habe ich den Versuch unternommen, bei der Fragebogenerstellung das Logo durch Text zu ersetzen - und dann erscheint es in doppelter Ausführung: einmal ganz normal als Logo, und dann noch mal (mit Platzhalter-Text) riesig groß unter dem ersten Logo.
Meine Frage ist also leider immer noch, wo genau ich denn den HTML-Code austauschen soll, so wie Sie es in der ersten Antwort empfohlen haben.

---

Wie Sie die HTML-Vorlage des Layouts ändern steht hier beschrieben:
https://www.soscisurvey.de/help/doku.php/de:create:layout#vollstaendige_anpassung

Suchen Sie in der HTML-Vorlage einfach nach dem Platzalter %logo%.