Sehr dünne Link-Unterstreichungen

[Rolf B]

Hallo oxo888oxo,

rechte Maustaste, "Untersuchen", im Elemente-Inspektor anschauen, fertig. Es ist ein border-bottom.

Ich denke, aus Zugänglichkeitsgründen ist es egal, ob Text unterstrichen ist oder eine Border hat.

Der Unterschied ist

• der Abstand zum Text. Eine Unterstreichung ist dichter am Text und wird bei Unterlängen unterbrochen. Eine Border ist unterhalb der Unterlängen.
• des Verhalten in Blockelementen. Eine Border ist am unteren Rand des Elements, d.h. mehrzeiliger Text wird nicht Zeile für Zeile unterstrichen. Solange das <a> Element ein Inline-Element ist, fällt das nicht auf

Wenn Du eine echte Unterstreichung willst, die aber dünner sein soll als der Default, dann schau Dir text-decoration-thickness an.

Denk aber auch dran, dass diese Unterstreichung auch erkennbar sein soll. Der Browser stellt sicher, dass sie mindestens 1px dick ist, aber wenn Du eine schwach kontrastierende Farbe nimmst (so wie die Kulturbanausen), dann sieht man sie mitunter gar nicht mehr. Dabei darfst Du nicht von deiner eigenen Sehkraft ausgehen. Wer auch mit Brille nur 50% sieht, soll immer noch erkennen können, dass da ein Link ist.

Rolf