越來越多的商業網站都具有彈出式窗口，這些天。 在許多情況下，我看到更多的彈出式窗口被用作廣告，可能是由於嚴峻的現實，就是“旗幟的盲目性” 。 在其他情況下，彈出式窗口是用來顯示內容補充到母公司頁。 不幸的是，許多設計師知之不多，如何作出適當的彈出式窗口將訪問。


在眾多的關注，方便的設計是，發現在“準則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
  
  
• 王丹的網頁提示：開放新的瀏覽器窗口
  
  

卡爾林是一個自由的網頁設計師誰做了安全生產工作，為這些網站作為美國國家癌症研究所，網絡和良好的航空醫學協會。