越来越多的商业网站都具有弹出式窗口，这些天。 在许多情况下，我看到更多的弹出式窗口被用作广告，可能是由于严峻的现实，就是“旗帜的盲目性” 。 在其他情况下，弹出式窗口是用来显示内容补充到母公司页。 不幸的是，许多设计师知之不多，如何作出适当的弹出式窗口将访问。


在众多的关注，方便的设计是，发现在“准则6 ”的W3C网页内容易读性指引： http://www.w3.org/tr/wcag10/ ＃的GL -新技术 -“确保网页上查阅，甚至当新技术的不支持或关掉“ 。 简而言之，您应该确保您的内容仍然是方便那些谁修改其无障碍设置禁用脚本，或其选择的自适应技术，不承认脚本。 也见第508节有关的准则： http://www.access-board.gov/sec508/guide/1194.22.htm ＃ （升）


弹出是其中的项目最常违反本无障碍指引


一个共同的弹出式窗口的链接可能会开始是这样的： <一href = “ ＃ ”的OnClick = “ window.open ......或： <一href = ” JavaScript的： ;的OnClick = “ window.open （ 。 ......在这两个例子中，连结成为完全无法使用那些与脚本关闭或与浏览器不承认的JavaScript 。


从这里出来，让承担我们的目标受众符合其中的两种情况，刚才提到的-无论他们已禁用J avaScript或他们的浏览器无法辨识的J avaScript。


在首宗案件中，使用“ ＃ ”作为超文本将参考结果，在最好的，在他们正在采取网页上方。 “ ＃ ”标志被解释为是什么的称为“片段标识符分离” （见geekspeak在-h ttp://www.w3.org/addressing/url/4_2_fragments.html） 。 这意味着什么，我们是“ ＃ ”是指向某个地方，例如作为命名对象在网页上。 它不是一个预设的“什么都不做”的性质。 哈希的象征prepends的名称，该目标。 使<A href="#contact">联络我< /一> “带你到一个地方在网页上一个名为”接触“ -的< an ame="contact">< /一>


只用平原“ ＃ ”作为超文本的参考是坏，因为“无效的片段编号有或没有的哈希签署意味着，网址是指整个对象” 。 在大多数的浏览器，它将被解释为指向回到开始的网页。 在最好的，它将什么也不做，当点击。


在第二种情况下，使用“ JavaScript的： ”作为超文本参考根本无关。 请记住，我们正在处理这些谁作的原因之一，或其他不能使用任何依赖的JavaScript 。 再次，这种联系并没有为某人的浏览器并不承认的JavaScript 。


这是可以做到更好的工作，以及为所有


幸运的是，我们可以建立一个方便的替代方案，职能完全可以为那些与启用JavaScript ，但降解，以及为那些谁不。 我们这样做是用一个真正的链接到实际的目的地，在我们的超文本的参考：


<一href = “文件。 ”的OnClick = “ window.open （ '文件。 ' ， ' window_name ' ， '工具栏=不错，位置=是的，地位=是的， menubar =不错，滚动=不错，大小=是，宽度=三十，身高=三十' ） ;返回FALSE “ > ”打开窗口< /一>


以上是“方便”的方式，打开一个弹出式（开放新的Windows是不好的穷人，所以，我猜想这是较轻的两个邪恶） 。 使用真正的文件作为超文本的参考，但设定连结，以“返回FALSE ”将正常运作的人是否已启用JavaScript ，或没有。 那些没有启用JavaScript ，仍然获得的内容，和那些谁得到了JavaScript弹出的那样。


现在，这里的治疗：许多人提供的一种手段，以关闭弹出式表示，刚刚开。 再次，他们这样做无论是<一href ="#"... 或<一href = “ JavaScript的:;...像这样：的<a href="#" onclick="window.close()">密切< /一> ，以及，正如我以前说过，这一切是否是带他们以网页上方的假设弹出是联系在一起就只有一个网页，我们可以带他们回把档案是指在超文本参考：的<a href="referrer.html" onclick="window.close()">密切< /一>


一词的使用“关闭”可能造成混乱，但有两个思想流派在这里。


1 。 由不开放的新窗口对那些W / O型的JavaScript ，后退按钮仍工程，并使用此


2 。 使用的标题将帮助他们预测会发生什么事。 像这样：的<a href="referrer.html" title="clicking这个连结会带您回到网址如果您有日程javascript" onclick="window.close()">密切< /一>


另外，您也可能使用ALT属性文字一个透明的间隔形象：的<a href="referrer.html"> <国际管理集团钢骨混凝土= “路径/ spacer.gif报告”宽度= “ 1 ”高度= “ 1 ”边境= “ 0 “按Alt = ” [回去]"></一> （这是假设他们还冲浪与图像关闭或在一个非图形化浏览器）


最终，这可以归结为是什么，你听到我这样说的话往往是：你不能可靠地预测使用者或其设置。 所以不要尝试。 使它的权利，并会使用所有。


免责声明：


开放新的Windows是够糟糕，因为它是。 上述文章的目的，只在显示你如何使他们更好。 最好的答案是不使用它们所有。 请参见以下链接了解详情-

• 雅各布尼尔森的alertbox ：十大新的错误，网页设计
  
  
• 雅各布尼尔森的alertbox ：十大网站设计错误， 2002年
  
  
• 潜入无障碍： 16天，不开放新的Windows
  
  
• 王丹的网页提示：开放新的浏览器窗口
  
  

卡尔林是一个自由的网页设计师谁做了安全生产工作，为这些网站作为美国国家癌症研究所，网络和良好的航空医学协会。