Kontrast und Lesbarkeit der Beiträge

Es erscheint mir, dass der Text in den Beitragen zu kontrastarm, und in der 100-Prozent-Ansicht zu klein ist. Verglichen mit dem Text in der Wikipedia ist der Text in diesem Forum weniger leicht zu erkennen.

Die Textfarbe in diesem Forum ist #666666 (festgelegt in https://www.beschneidungsforum.de/wcf/style/style-1.css ). Ganz schwarzer Text wäre lesbarer. Dazu müssten die Zeilen mit dem Farbcode „#666666“ umgeändert werden, zum Beispiel die Zeile

body {background-color: #254c73;color: #666666;font-family: "Trebuchet MS", Arial, sans-serif;line-height: 1.28;word-wrap: break-word;}

müsste umgeändert werden in:

body {background-color: #254c73;color: black; font-family: "Trebuchet MS", Arial, sans-serif;line-height: 1.28;word-wrap: break-word;}

Oben in der CSS-Datei steht „DO NOT EDIT“. Ich glaube zwar nicht dass eine einfache Farbänderung etwas kaputt machen könnte, aber eine Alternative wäre es, in einer neuen CSS-Datei Folgendes hinzuzufügen:

body,textarea,input[type="text"],.messageBody { color: black; }

Die letztere CSS-Datei würde die CSS-Regel aus der ersten Datei ersetzen, ohne dass die erste Datei verändert werden müsste.

Außerdem ist die Schriftgröße zu klein, wie man im ersten Bild sieht. Neue Besucher sehen die Webseite erstmals in der 100-Prozent-Ansicht. Man könnte die Schriftart einfach auf 10pt oder 12pt setzen (beispielsweise font-size: 10pt;), jedoch müsste man erstmal sehen, wie sich das auf die mobile Ansicht auswirkt.

Quote from Selbstbestimmung

So besser?

Auf jeden Fall. Vielen Dank.

Quote from Selbstbestimmung

Bist du zufällig Web-Designer?

Hobbymäßig, nicht beruflich.

Quote from Selbstbestimmung

BTW, Was en.wikipedia angeht: ich finde das neue Layout, wo die Hälfte des Schirms vergeudet wird bescheuert. Jetzt muss ich mich einloggen um ökonomisch zu lesen...

Unten rechts müsste beim neuen Layout („Vector 2022“) eine Taste sein, um die gesamte Bildschirmbreite zu nutzen. Das wurde eingeführt da sich eine Menge Leute über die schmale Textbreite beschwert haben.

In diesem Forum liegt der Übergang zwischen der mobilen Ansicht und der Desktop-Ansicht bei einer Fensterbreite von 800 Pixel. In der CSS-Datei finden sich Regeln die nur für Mobilgeräte und schmale Browserfenster gelten (@media only screen and (max-width: 800px)) und Regeln die nur für Desktoprechner und Laptops gelten (@media only screen and (min-width: 801px)).

Die Schriftgröße auf Mobilgeräten ist in Ordnung, aber auf Desktoprechnern zu klein, wie sich im Vergleichsbild zur Wikipedia zeigt. Außerdem ist der Text im BBCode-Editor (nicht im WYSIWYG-Editor) immer noch gräulich.

Um das zu lösen, kann am Ende der CSS-Datei Folgendes hinzugefügt werden:

textarea { color: black; } /* schwarzer Text im BBCode-Editor */
@media only screen and (min-width: 801px) {
    .messageBody,.redactor-editor + textarea,p { font-size: 12pt; }
}