ioBroker / ioBroker.docs

Documentation for ioBroker
https://www.iobroker.net/#de/documentation
MIT License
59 stars 163 forks source link

Formatierung H2 & H3 in der Doku #490

Open wcag22 opened 6 months ago

wcag22 commented 6 months ago

Contact Details

pk@bwlcollection.de

What is your suggestion?

Zur Verbesserung der optischen Inhaltsstrukturierung (UX == Lesefreude , Wahrnehmbarkeit) könnte ich mir die folgenden Änderungen an den H2 und H3 vorstellen.

H2: Der "Unterstrich" (border-bottom) in der h2 darf ruhig etwas kräftiger ausfallen und damit den Abschnitt kräftiger kennzeichnen. BTW: Inline-style beim span-Element der h2 derzeit ohne Funktion, definiert ist die Farbe rgb(185, 74, 72) [#B94A48 , rotbraun]

class ändern zu: .www-io43 h2 { width: 100%; text-align: left; border-bottom-color: rgb(0, 0, 255); border-bottom-style: solid; border-bottom-width: 2px; padding-bottom: 10px; background-color: #EFF6FB; }

H3: css hinzufügen: h3>span { border-left-style: solid; border-left-color: #00f; padding-left: 5px; }

Die Hauptabschnitte unterhalb H2 werden als solche besser wahrnehmbar, die H3 wird optisch aufgewertet. Schriftbild wird aufgelockert. Ergebnis:

h2   h3 - 1

Link

https://www.iobroker.net/#de/documentation