彈出視窗套件對網頁開發是個很簡便的轉換場與訊息告知使用者的方式,但這東西對無障礙多少不適用,不過還是整理起來以便之後如果要使用的話比較有方向。

javastrap

資料源:
Angular-popups

  1. 使用 AngularJS 自帶的 ng-if、ng-show、ng-hide 控制浮層的顯示、銷毀
  2. 支持 ARIA 規範、無障礙焦點管理、快捷鍵關閉
  3. 完全基於 HTML 標籤(指令),無需在控制器中進行配置
  4. 可以指定元素或鼠標事件對象(1event)對齊
  5. 支持模態浮層
  6. 對移動端支持友好
  7. 輕量(css+js=7kb),不依賴 jQuery 等外部庫

jQuery

資料源:
jQuery BlockUI Plugin

說明
jQuery blockUI 網頁讀取中讓使用者不要進行別的動作
jQuery blockUI 這一個 jQuery 套件能在網頁上增加一個遮罩的圖層,阻擋使用者在操作別的步驟。當設計很多需要用到 JavaScript 或者是 AJAX 的動作時,通常需要一些執行的時間,但是如果使用者在這一個時間又操作了不同的動作,有可能會造成程式執行不正常或中斷,所以有了這樣一個兼具提示訊息又能夠防止使用者操作的 jQuery 套件。

教學
BlockUI Plugin – 功能完善的頁面、訊息遮罩