Hallo,
mir ist heute aufgefallen, dass MS Edge beim "hover" keine Link Unterstriche anzeigt? Hat jemand eine Idee woran das liegt und wie man es beheben kann?
Selbst !important greift igw. nicht.
Beispiel Link
Gr
Hallo,
mir ist heute aufgefallen, dass MS Edge beim "hover" keine Link Unterstriche anzeigt? Hat jemand eine Idee woran das liegt und wie man es beheben kann?
Selbst !important greift igw. nicht.
Beispiel Link
Gr
Welches Templates nutzt du.
Wird da ggf. Inline formatiert?
Was sagt dir FF Konsole? Da ich nicht weiss, was alles verlinkt werden soll ist eine Suche schwierig. Da ich gerade am Handy bin auch etwas schwierig. Schaue vielleicht nachher Mal am Laptop.
Gruß vom Niederrhein
Hallo,
ja der Unterstrich soll beim "hover" angezeigt werden. Zwecks Barrierefreiheit. In FF und Chrome wird mir das richtig angezeigt, nur im Edge nicht. o0
a {
color: #02558b;font-weight: 600;
}
a:active, a:hover {
text-decoration: underline solid !important;
text-decoration-skip: ink !important;
text-decoration-skip: objects !important;
text-decoration-skip: spaces !important;
}
Auf all meinen Seiten mit den verschiedensten Templates werden diese Unterstriche nicht (mehr) angezeigt
Ich persönlich halte die Unterstreichung mindestens dann für unverzichtbar und richtig, wenn Links ansonsten von Besuchern nicht intuitiv und sofort im Kontext als Links erkannt werden können. Da sind mir Designer-Geschmäcker wurst
Hast du schon mal in die https://betreuungsrechtaktuell…a/custom/scss/custom.scss geschaut. Hier sind die Einträge betreffend der a Tags. Allerdings ist mir diese verschachtelte Struktur nicht ganz klar. Dafür fehlen mir die Kentnisse. Die Endung scss habe ich bisher noch nie gehört. Tut mir leid, nicht mehr zur Aufhellung beitragn zu können.
Ja habe ich, denn ich habe sie ja geschrieben. Was für eine verschachtelte Struktur meinst Du?
Ich persönlich halte die Unterstreichung mindestens dann für unverzichtbar und richtig, wenn Links ansonsten von Besuchern nicht intuitiv und sofort im Kontext als Links erkannt werden können. Da sind mir Designer-Geschmäcker wurst
Ja, schon, aber bei meinen Templates (Z.B. joomspirit, dd, joomla51, .... werden sie ohne etwas zu Ändern, gar nicht angezeigt. Der Unterstrich erscheint erst beim Mouseover. Vielleicht muss man es doch bei einigen Templates erst per CSS oder wie auch immer, anzeigen lassen.
In nucleus.css sind die Unterstriche abgeschaltet zeile 28 a {text-decoration: none}.
Aus Sicht der Barrierefreiheit sind Unterstreichungen bei Links ein Muss.
Hatte deine Frage falsch verstanden.
Benutze Edge so gut wie nie, und habe daher deine Seite nicht damit angesurft.
Auf dem Tablet Android mit Chrome sehe ich die Links erst, wenn ich darauf tippe. Das hat sicherlich mit dem Bedienkonzept zu tun. Im Ergebnis ist dadurch aber das von ReLater genannte Problem gegeben, das Links nicht schnell und einfach erkannt werden. Was jetzt besser, richtiger, barrierefreier ist, wird wohl unterschiedlich beantwortet, je nachdem welche Sichtweise man hat. Ich stehe da eher auf ReLaters Ansicht.
ZitatWas jetzt besser, richtiger, barrierefreier ist, wird wohl unterschiedlich beantwortet, je nachdem welche Sichtweise man hat.
Nein. In Bezug auf Barrierefreiheit ist eindeutig als Regel (WCAG 2.0) festgelegt: Ein Link muss als solcher erkennbar sein. Auch für Farbenblinde, daher zählt eine andere Einfärbung nicht. Fettschrift ist kein Kennzeichen für einen Link. Also gibt es zwei Möglichkeiten: Entweder Unterstreichung oder ein Icon, das einen Link kenntlich macht, so wie hier im Forum - sh. Signaturen.
Danke firstlady!
Das habe ich auch gerade rausgefunden. Danke!
Kein "solid" hinter "underline;".
Edit: Und das der Unterstrich im FF und Chrome angezeigt wurde, liegt an der Fehlertoleranz der jeweiligen Browser. FF und Chrome erkennen z. B. nicht geschlossene Tags und interpretieren diese trotzdem richtig. Hihi Edge.
Grüße
Nur so am Rande: es gibt sogar ein Gesetz zum Thema Barrierefreiheit. Also keine "Geschmäcker und eigene Vorlieben". Wie Chrtistiane schon schreibt, gibt es da ein sehr klares, umfangreiches und nicht einfach umzusetzendes Regelwerk!
Axel
christine2 Vielen Dank.
Mache nichts mit Gantry. Finde das ganze auf den ersten Blick sehr verschachtelt und unübersichtlich, aber da muss man sich sicherlich einfach mehr mit beschäftigen.
Bzgl. barrierefrei habe ich mich sicher falsch ausgedrückt.
Ich mag sowieso den Ausdruck barrierearm lieber, da barrierefrei das Ziel sein sollte, aber man es wohl nie komplett erreichen wird. Gut ist aber, dass man es im Blick hat und sich bemüht es zu erreichen.
Zum Schluss noch eine Frage. Menüs werden aus Links zusammen gebaut. Dort ist eine Unterstreichung aber unüblich oder liege ich da falsch?
Zum Schluss noch eine Frage. Menüs werden aus Links zusammen gebaut. Dort ist eine Unterstreichung aber unüblich oder liege ich da falsch?
Denke, das ist schon OK so. Es geht ja um: "Links im Text" siehe hier: Wahrnehmbarkeit
https://www.joomla.de/wissen/j…ent/467-tuerchen-nummer-5
https://www.joomla.de/wissen/j…nt/481-tuerchen-nummer-19
@Christiane: wollte oben hinklicken - eben z. B. wegen dem Tipp > siehe screenshot - wo ist denn das hingekommen? Geht mir ab.
Liebe Grüße
Christine
ZitatMenüs werden aus Links zusammen gebaut. Dort ist eine Unterstreichung aber unüblich
Das ist richtig. Menus haben aber die semantische Auszeichnung (Role) für Navigation daran erkennt der Screenreader, dass es sich um eine Navigation handelt und dort sind natürlicherweise lauter Links. Schau dir mal den Quelltext einer Seite an. Im Text ist das nicht so.