Ist es möglich, den href-Titel zu verbergen?

Question

<a href="link.html" title="Titletext">

...ist der Code.

Ich benötige die title Attribut aufgrund von slimbox aber ich möchte den Titel-Text ausblenden, der angezeigt wird, wenn man mit der Maus über den Link fährt.

Irgendwelche Ideen?

Answer 1

Wie wär's mit einem schönen einfachen:

<a href="link.html" title="Titletext"><span title=" ">text</span></a>

(Am besten, Sie schreiben etwas wirklich Nützliches in den verschachtelten Titel).

Answer 2

Angenommen, Sie verwenden ein Bild-Tag im a-Tag, können Sie einfach einen alternativen Titel für das Bild verwenden (auch ein Leerzeichen), der den Titel des Links überschreibt, wenn Sie den Mauszeiger darüber bewegen.

Answer 3

Mit jQuery ist das ganz einfach

$("li.menu-item > a").attr('title', '');

Dadurch wird der Titel von allen a-Elementen der Klasse li menu-item entfernt - natürlich kann man sich das so einfallen lassen, dass sie beim Überfahren mit der Maus einfach ausgeblendet werden :)

Answer 4

Was den Vorschlag "wie wäre es mit einem schönen einfachen" betrifft, den ich auf mehreren Websites gesehen habe, würde ich persönlich dies aus zwei Gründen nicht vorschlagen.

1. Bildschirmleser und sehbehinderte Nutzer sind auf Titelattribute angewiesen, die laut vorgelesen werden. Ich glaube, dies war der ursprüngliche Zweck und Grund für die Verwendung von Anker-Tags und ist ein wichtiger Aspekt des Abschnitts 508 der US-Regierung zur Barrierefreiheit im Internet. Ich denke, ein Bildschirmlesegerät würde in diesem Fall alle Titel vorlesen; den ersten und dann den zweiten, was für einen sehbehinderten Benutzer sehr verwirrend sein könnte. Er würde nicht verstehen, warum er zwei Überschriften hört, wenn sie unterschiedlichen Text enthalten. Handelt es sich um zwei verschiedene Anker, von denen sie hören? Wenn ja, warum können sie dann nicht auf den anderen Anker klicken oder ihn auswählen und erhalten nur eine Webseite (als Szenario).

2. Wenn Sie zusätzlichen Text in beide Titel einfügen, können Google und viele andere Suchmaschinen diese Aktion als Black-Hat-Seo betrachten und dazu führen, dass Ihre Website aus dem Verzeichnis der jeweiligen Suchmaschine verbannt wird (auch bekannt als "Stuffing"), wie dies bei BMW in Deutschland bereits von Google geschehen ist.

Ich persönlich halte es für die beste Methode, das Titelattribut so zu belassen, wie es gedacht war, und es dann mit Javascript oder CSS irgendwie auszublenden. Diese Methoden hätten keine Auswirkungen auf Screenreader, Webcrawler und sehbehinderte Nutzer.

Answer 5

Ich habe mich mit Jquery ausgetobt... ;) Ich brauchte das für ein Portfolio: Titel-Tags für eine Lightbox, aber keine bei Mouse-over. Das hat bei mir funktioniert, danke für den Tipp!

$(function(){
    $("li.menu-item > a").hover(function(){
        $(this).stop().attr('title', '');},
        function(){$(this).stop().attr();
        });
});