Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Formatierung H2 & H3 in der Doku #490

Open
wcag22 opened this issue Feb 29, 2024 · 0 comments
Open

Formatierung H2 & H3 in der Doku #490

wcag22 opened this issue Feb 29, 2024 · 0 comments
Assignees
Labels
Enhancement Website Related to website technic. NOT CONTENT!

Comments

@wcag22
Copy link
Contributor

wcag22 commented Feb 29, 2024

Contact Details

[email protected]

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

@wcag22 wcag22 added Enhancement Website Related to website technic. NOT CONTENT! labels Feb 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement Website Related to website technic. NOT CONTENT!
Projects
None yet
Development

No branches or pull requests

2 participants