リンクのポップアップタイトルを表示しないようにする方法はありますか?リンクタイトルを表示しない
答えて
これは、リンクタイトルを解釈してツールチップ/ポップアップを表示するブラウザの機能です。それらを抑制する方法はありません。私は(クライアントがどちらも好きではなかったので)試してみました。周りには方法がありません。
title
属性がない限り、私のブラウザでは、このようなツールヒントは表示されません。
必要に応じて、Greasemonkeyを使用して、このビットのeveyページを実行して削除することができます。
var anchorTags;
anchorTags = document.getElementsByTagName("a");
for(var i = 0; i < anchorTags.length; i++) {
anchorTags[i].removeAttribute("title");
}
私は自分の存在によって個人的に怒られるのではなく、自分/仕事/会社のサイトの他の人々のために彼を取り除こうとしているような印象を受けます。私はなぜ、心を理解していない。それは私の最初の印象です。 –
その場合は、アンカーにtitle属性を置くのは避けてください。 –
私はその提案に同意する傾向がありますが、アクセシビリティに関しては複雑かもしれません。 –
...それはおそらく理想的ではないだろうが、あなたは常に、<a href>
にtitle
属性の代わりに、<a>
タグ内<span>
を試みることができる:
/* screen.css */
a { }
a span.titleText {
display: none;
position: absolute;
bottom: 1.2em;
left: 0;
}
a:hover span.titleText,
a:active span.titleText,
a:focus span.titleText {
display: block;
}
/* audio.css */
a span {
display: inline; /* or whatever the relevant attribute would
be in an audio stylesheet. */
}
<head>
<link href="screen.css" type="text/css" rel="stylesheet" media="screen" />
<link href="audio.css" type="text/css" rel="stylesheet" media="screen-reader, audio" />
</head>
<a href="http://some.url.com">
<span class="titleText">This is the title</span>This is the link
</a>
しかし、私はそれを特に実用的な解決策として提案していません。そして、私はそれが有効でないと確信しています。私がJSを知っていれば、より実用的なものを提案したいと思いますが、それでもうまくいくと私は確信していません。
私はこれが解決されている知っているが、私はまた、この回避策を見つけました:Hide native tooltip using jQuery
リンクのみの回答は避けることができます。 –
これは5歳の回答についてのコメントです。 –
これは、jQueryの中で動作します。
var val;
$('[YOUR_SELECTOR]').hover(function() {
val = $(this).attr('title');
$(this).removeAttr('title');
},function() {
$(this).attr('title',val);
})
私は(CSSで行われていた)は、クライアントが自分のツールチップを表示したいプロジェクトでこの問題があったが、それは二度あったので、それはまた、ためにもブラウザが開始したツールチップを見せていました。この問題を回避するには、 'title'属性を削除して、代わりに 'data'を使用してCSSのテキストを設定します。
私は視覚障害者のページにそれらを保管しているということは、ソースコードでのみ表示されているのでわからないのですか?例えば
:あなたはそれを置くと
<a href="link" title="something">Link title here</a>
は、ページ上のリンク「ここにリンクのタイトル」だけでなく、迷惑なポップアップが表示されるでしょう。
<a href="link" data="something">Link title here</a>
「ここにリンクのタイトル」リンクを表示するだろうが、あなたはまだあなたが我々の場合には(そこに入れたいものは何でも参照することdata
タグを使うことができますが、ホバリングに迷惑なポップアップが表示されません、我々 CSSが参照するためのヒントのテキストを入力してください)。
明らかにタイトルタグを完全に削除すると、問題は解決しますが、あなたはそれを保存する必要があると言いましたので、以前はこれが私の回避策です。
Firefoxにはtitle属性が宣言されていない限りリンク用のツールチップはありません。 –
ツールチップを隠している間、title属性をどのように保つことができるのかという疑問はありませんか?タイトル属性のないリンク上にツールチップを表示するブラウザーについてはわかりません。ツールチップは何を言いますか? – Calvin
おそらくツールチップはリンクのURLである可能性があります。 –