Border-bottom-style: solid für Fragetext möglich?

Question

Hallo liebes SoSci-Team,

wir haben für eine Befragung (https://soscisurvey.psych.tu-dresden.de/sinfonica/?act=cAYEw4EpmYsOewypIXVMxqEo) das Layout nach unseren Vorstellungen angepasst. Zum Hintergrund des Fragetextes haben wir jetzt die Rückmeldung zur Barrierefreiheit bekommen, dass kein ausreichender Kontrast vorhanden ist zw. Text & Hintergrund.
Daher würde ich gern den Hintergrund weiß lassen, die Schrift schwarz und dafür aber den Fragetext mit einer ebenfalls orangen Linie zu den Items abgrenzen (siehe Beispielbild).

Hintergrund und Schriftfarb-Anpassungen sind kein Problem, aber ich habe nicht die richtige Zeile im html-layout gefunden, um eine durchgehende Linie des Fragetextes nach unten zu realisieren. Habe ich irgendeine Chance, das umzusetzen?

Besten Dank vorab!

Answer 1

dass kein ausreichender Kontrast vorhanden ist zw. Text & Hintergrund.

Sie haben ein dunkles Orange und darauf weißen Text - alle gängigen Verfahren zur Ermittlung des Kotrasts für die Barrierefreiheit sollten das oka finden?! Aber okay ...

Die Änderung von Farbe und Hintergrund im Layout ist für Sie vermutlich problemlos möglich?

dafür aber den Fragetext mit einer ebenfalls orangen Linie zu den Items abgrenzen

Ergänzen Sie im Layout dafür bitte folgenden CSS-Stil:

div.title {
    border-bottom: 1px solid #ff5100;
}

Sie haben noch eine Definition für '.title.title' eingefügt, welche den Text weiß formatiert. Ich empfehle, dass Sie diese wieder herausnehmen und die Farbe für den Text von Fragen stattdessen direkt im Layout (also in den Einstellungen, die SoSci Survey anbietet) einstellen.