मैं एक डब्ल्यूसीएजी अनुपालन वेबसाइट विकसित कर रहा हूं और हमने डब्ल्यूसीएजी वेबसाइट पर सुझाए गए पैटर्न का पालन करके एक नए टैब पर नेविगेट करने वाले लिंक लागू किए हैं।

नीचे इस मुद्दे का एक कार्यशील उदाहरण दिया गया है: (Google और IE दोनों)

http://www.w3.org/WAI/WCAG20/Techniques/working-examples/G201/new-window.html

यदि आप लिंक पर होवर करते हैं और फिर क्लिक करते हैं, तो नया टैब दिखाई देता है। जब आप मूल टैब पर वापस क्लिक करते हैं, तो होवर तब तक खुला रहता है जब तक आप कहीं क्लिक नहीं करते।

मुझे यकीन नहीं है कि यह एक बग है या डिज़ाइन द्वारा, लेकिन इसे साफ़ करने का एक उपयुक्त WCAG तरीका क्या होगा। जावास्क्रिप्ट का उपयोग करना काम कर सकता है, लेकिन मैं हुक करने के तरीके से परिचित नहीं हूं।

मैं होवर पर एक संक्रमण के बारे में सोच रहा था कि x सेकंड के बाद, यह दूर हो जाता है। क्या यह डब्ल्यूसीएजी अनुपालन के लिए ठीक होगा?

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Pop-Up Warning</title>
<style type="text/css">
body
{
margin-left:2em;
margin-right:2em;
}
:focus
{
outline: 0;
}
a.info
{
position:relative;
z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none
}
a.info:hover, a.info:focus, a.info:active
{
z-index:25;
background-color:#ff0
}
a.info span
{
position: absolute;
left: -9000px;
width: 0;
overflow: hidden;
}
a.info:hover span, a.info:focus span, a.info:active span 
{
display:block;
position:absolute;
top:1em; left:1em; width:12em;
border:1px solid #0cf;
background-color:#cff;
color:#000;
text-align: center
}
div.example
{
margin-left: 5em;
}
</style>
</head>
<body>
<h1>Pop-Up Warning</h1>
<p>
This is an example of an <a  target="_blank" class="info" href="http://example.com/popup_advisory_technique.html"><strong>External link</strong><span>Opens a new window</span></a>
</p>
</body>
</html>
0
Chris ten Den 16 सितंबर 2020, 17:48

1 उत्तर

सबसे बढ़िया उत्तर

टिप्पणियों के आधार पर, target="_blank" विशेषता पृष्ठ को एक नए टैब में खोल देगी, और वर्तमान टैब में स्थिति को अपरिवर्तित रखेगी। आप target="_blank" को हटा सकते हैं और पेज को मौजूदा टैब में खोल सकते हैं। या आप क्लिक कॉलबैक में फ़ोकस स्थिति को साफ़ करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं

<a target="_blank" onclick="this.blur();">Hello<span>Open in new window</span></a> 
1
MarkoCen 16 सितंबर 2020, 18:17