In manchen Browsern werden Titel der Links und Link-Öffnungsart angezeigt

Der IE ist veraltet und wird von Microsoft nicht mehr supportet. Ich z.B. kann das nicht mal mehr testen, weil der nicht mehr zu meinem Betriebsystem gehört.

Der Nachfolder ist der Edge-Browser. Ich würde den IE ignorieren.

Dein größreres Problem ist:

Zitat von danibelami

Joomla!-Version 3.9.8

Aktuell ist die Version 3.9.12. Du bist mit Sicherhetslücken unterwegs.

Ich kann das auch auf IE 11 (der einzige IE, der, wenn überhaupt noch zu berücksichtigen ist) nicht nachvollziehen. Ich seh aber auch keine Seite, die irgenwie so aussieht, wie deine Bilder (grauer Hintergrund und so). Müsstest also den korrekten Link posten.

Zitat von Indigo66

Ich würde den IE ignorieren.

Ich Depp habe gerade wieder gelernt, dass man das als Dienstleister unbedingt im Angebot erwähnen muss, dass IE11-Anpassungen mehr kosten

Viele Firmen bleiben hartnäckig und ich habe gerade 2 Tage Mehrarbeit hinter mir, ein "schickes" Bootstrap-4-Template für IE11 nachzubessern, weil Microsoft den IE-Müll zwar noch supportet, aber sich seit Jahren weigert, zahlreiche flex-Bugs zu korrigieren, Features, die u.a. das Arbeiten mit Bootstrap-4 eben so "schick" machen.

Unterhalb IE11 ist aber tatsächlich "tot" und man sollte als Dienstleister eher verweigern, Seiten dafür zu erstellen, als für unsichere Versionen zu arbeiten.

Das tritt bei mir auch im Firefox auf. Sieht mir nach einem Plugin deiner Website aus, das diese Informationen hinzufügt (unnötigerweise, da man sie aus dem normalen Link schon extrahieren könnte). Schau mal im Adminbereich unter "Erweiterungen - Plugins" nach, ob da etwas aktiviert ist, das das verursacht. Müsste dann wohl ein Drittanbieterplugin sein, da ich das von Joomla! selbst nicht kenne.

Das hat was mit Barrierefreiheit zu tun und es fehlt einfach passendes CSS. Das ist schon richtig so. Füge das am Ende deiner CSS-Datei ein:

a .force-read-before {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

Dann wird z.B. sehgeschwächten Screenreader-Nutzern das vorgelesen, die Titelattribut des Links nicht sehen können bzw. nicht vorbereitet sind, dass Link ein neues Fenster öffnet.

Und ältere Schrott-Browser benötigen 1 Zeile mehr:

a .force-read-before {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

Das ist dann das Äquivalent zu .sr-only in Bootstrap, wenn auch nicht ganz vollständig, weil der Focus-Teil fehlt. Das aber nur nebenbei.

Zitat von Re:Later

Dann wird z.B. sehgeschwächten Screenreader-Nutzern das vorgelesen, die Titelattribut des Links nicht sehen können bzw. nicht vorbereitet sind, dass Link ein neues Fenster öffnet.

Liest der Screenreader nicht einfach das title-Attribut des Links aus?

Hatemile ist ein Firefox-Plugin https://hatemile.github.io/projects/hatemile_for_browser/

Zitat von Harmageddon

Liest der Screenreader nicht einfach das title-Attribut des Links aus?

Mag schon sein (keine Ahnung), aber dann fehlt der Hinweis auf Neue Seite. Mein Credo ist in solchen Fällen, warum kompliziert, wenns einfach geht.

Zitat von firstlady

Hatemile ist ein Firefox-Plugin https://hatemile.github.io/projects/hatemile_for_browser/

Hab ich garantiert nicht als AddOn installiert. Glaubs deshalb nicht

Das Plugin kann ja für Joomla adaptiert sein, wie Harmageddon vermutet. @astridx hat das schon mal gemacht.

Blinde müssen wissen, wann ein Link ein neues Fenster öffnet.

Das kann am besten einfach im title Attribut stehen, dann liest der Screenreader es vor. Mir kommt das in dem Glossar auch ein weing zu viel vor.