قمع عناوين الارتباط

StackOverflow https://stackoverflow.com/questions/809795

  •  03-07-2019
  •  | 
  •  

سؤال

هل هناك أي طريقة لقمع العناوين المنبثقة على الروابط، مع الاحتفاظ بها على الصفحة لضعاف البصر؟

هل كانت مفيدة؟

المحلول

وهذا هو وظيفة من المتصفح لتفسير عنوان الرابط وعرض تلميح / المنبثقة. ليس هناك طريقة لقمعها. حاولت (لأن العميل لا يريد لهم إما) وليس هناك طريقة للتغلب عليها.

نصائح أخرى

أعلم أن هذا قد تم حله ولكني وجدت أيضًا هذا الحل البديل: إخفاء تلميح الأدوات الأصلي باستخدام jQuery

وكان لي هذه المسألة مع مشروع حيث أراد العميل لعرض تلميح الأدوات الخاصة بهم (والذي حدث مع CSS) ولكنه كان يظهر أيضا بسبب بمبادرة من متصفح تلميح الأدوات أيضا، لذلك أظهر مرتين. وصلنا حول هذا عن طريق إزالة 'عنوان' سمة وباستخدام 'البيانات' لنشر النص في CSS بدلا من ذلك.

ولست متأكدا ماذا يعني لك عن الاحتفاظ بها على الصفحة لضعاف البصر، حيث تظهر فقط في شفرة المصدر؟

وعلى سبيل المثال:

و<a href="link" title="something">Link title here</a>

وسوف تظهر وصلة "عنوان ارتباط هنا" على الصفحة وكذلك المنبثقة مزعج عندما كنت تحوم على ذلك.

و<a href="link" data="something">Link title here</a>

وسوف تظهر "عنوان ارتباط هنا" رابط لكنها لن تظهر المنبثقة مزعج على تحوم، ولكن يمكنك الاستمرار في استخدام العلامة data مرجع كل ما تريد لوضع هناك (في حالتنا، وضعنا نص تلميح الأدوات لCSS للإشارة إلى).

من الواضح إذا قمت بإزالة علامة العنوان تماما يتم حل المشكلة، ولكن قلت كنت في حاجة لإبقائه هناك لذلك هذا هو الحل بصفتي تستخدم من قبل.

وهذا يعمل في مسج. 

var val;
$('[YOUR_SELECTOR]').hover(function() {
    val = $(this).attr('title');
    $(this).removeAttr('title');
  },function() {
    $(this).attr('title',val);
})

و... سيكون ربما لا يكون مثاليا، ولكن هل يمكن أن نحاول دائما، في مكان سمة title في <a href>، و<span> ضمن العلامات <a>: 

/* 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 كنت تشير الى شيء أكثر عملي، ولكن حتى ذلك الحين وأنا لست مقتنعا انها ستعمل.

روابط في متصفحي لا تظهر أداة نصائح من هذا القبيل إلا إذا كان لديهم سمة title.

إذا كنت تريد، يمكنك استخدام غرسمونكي لتشغيل هذا قليلا من جافا سكريبت على الصفحة سالت لإزالتها. 

var anchorTags;
anchorTags = document.getElementsByTagName("a");
for(var i = 0; i < anchorTags.length; i++) {
  anchorTags[i].removeAttribute("title");
}
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top