[WordPress] 外掛分享: Accessibility New Window Warnings

WordPress 外掛 Accessibility New Window Warnings 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Accessibility New Window Warnings」是 2021-08-26 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2025-02-28,距離現在已有 64 天。
  • 外掛最低要求 WordPress 6.4.0 以上版本才可以安裝。
  • 有 14 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

alh0319 | stevejonesdev | equalizedigital |

外掛標籤

ada | a11y | wcag | accessible | accessibility |

內容簡介

Web Content Accessibility Guidelines (WCAG) 成功標準 3.2(可預測性)指出,網頁應該以可預測的方式顯示和運作。當點擊連結前往外部網頁時,通常會將該連結設置為在新視窗或新分頁中開啟。然而,如果使用者無法事先得知此舉動,對於那些有視覺感知困難或認知障礙的人來說,自動開啟新視窗或新分頁可能會引起困惑。

此外掛能協助網站更加無障礙,也更符合 WCAG 指南中有關可預測性的要求。當使用者點擊或啟動一個連結時,此控制項會提供先進的警告,以表示這個連結將會在新視窗或新分頁中開啟。透過警告,使用者可以決定是否離開當前的視窗。如他們決定前往新視窗,警告也將幫助使用者回到原先的網頁,了解必須使用「返回」按鈕才能回到先前的位置。

此外掛無須任何設定。啟用後,控制項將會自動尋找所有在新視窗中開啟的連結,接著對每個連結執行以下三個修正:
1. 針對其中斷文字後方添加一個新視窗圖示,以供視障者了解這是一個新視窗的連結。
2. 提供一個提示工具,當滑鼠游標移到連結上方時,會顯示「開啟新視窗」的說明文字。
3. 額外添加一段「開啟新視窗」的螢幕閱讀文字,當使用者使用螢幕閱讀器閱讀網頁上的連結時,閱讀器也會將此文字讀出。

請注意:本控制項會為所有的連結添加警告,也包括那些被設計成按鈕或社交媒體分享按鈕的連結。不過,某些第三方外掛程式若添加的連結需要在新視窗中開啟,您可能需要自行調整 CSS 樣式。

此外掛除了為您的使用者添加警告之外,還可與Accessibility Checker 插件整合。啟用 Accessibility New Window Warnings 後,控制項將會自動清除 Accessibility Checker 掃描您網站時產生的「連結開啟新視窗」的警告,這樣即可快速處理網站的多個問題。

此外掛受到WCAG 2.0 G201 高級用戶提示:當開啟新視窗時給用戶提供先進警告技術的啟發。

原文外掛簡介

Web Content Accessibility Guidelines (WCAG) Success Criterion 3.2 (Predictable) specifies that web pages should appear and operate in predictable ways. It is a common practice to set links that go to off-site locations to open in a new window or tab when clicked. Opening new windows or tabs automatically when a link is activated can be disorienting for people who have difficulty perceiving visual content, and for some people with cognitive disabilities, if they are not warned in advance.
This plugin helps websites become more accessible and better meet WCAG guidelines for predicability by providing advanced warning if a link is going to open a new window or tab before the user clicks or activates it. Providing a warning allows the user to decide it they want to leave the current window, and the warning will help them find their way back, if they do decide they would like to go to the new window. It will help them understand that the “back” button will not work and that they have to return to the last window they had open, in order to find their previous location.
There are no settings in this plugin. Simply activate it and it will automatically find all links that open in a new window and add the following three fixes to each link:
1. A new window icon after the link text to denote that the link opens in a new window for sighted people.
2. A tooltip, visible on hover, that says “opens a new window.”
3. “Opens a new window” screen reader text that will be read out to blind or visually impaired people using screen readers immediately following the link anchor text.
Please note: new window warnings will be added to links and links that have been styled to look like buttons, including social media sharing and link icons. Depending upon what third party plugins are adding links to your site that open in new windows, some CSS styling may be required.
In addition to adding warnings for your users, this plugin integrates with the Accessibility Checker plugin; when Accessibility New Window Warnings is activated, it will automatically clear all “Link Opens New Window or Tab” warnings in Accessibility Checker scans of your website. Installing and activating this plugin is a great way to quickly remediate and remove a lot of open issues across you entire website.
The Accessibility New Window Warnings plugin is inspired by Techniques for WCAG 2.0 G201: Giving users advanced warning when opening a new window.
Localization
The Accessibility New Window Warnings plugin is ready for localization. We have added a Spanish translation and are open to more translations!
If you would like to contribute a translation to this plugin, please contact us or fork the repository on GitHub.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Accessibility New Window Warnings」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | trunk | 1.0.10 |

延伸相關外掛(你可能也想知道)

  • Button visually impaired 》, Button visually impaired* is a plugin that automatically changes the version of your website for visually impaired people., , The panel for visua...。
  • WP Accessibility Tools & Missing Alt Text Finder 》這個軟體可以協助您成為 ADA 第 508 條款的合規,提供以下功能:, 遺漏的 Alt 文本尋找程式, 快速添加媒體庫中遺漏的 Alt 文本、說明文本或標題文本,同時也...。
  • SlickNav Mobile Menu 》這個外掛可以在 WordPress 中添加 SlickNav 響應式移動菜單功能。, SlickNav 響應式菜單支援多級菜單。, 跨瀏覽器兼容。, 鍵盤訪問。, 沒有 JavaScript 的情...。
  • Equalize Digital Accessibility Checker – Audit Your Website for WCAG, ADA, and Section 508 Accessibility Errors 》Accessibility Checker 外掛, , 外掛網站 | 文件 | 免費版與專業版比較 | 購買專業版 | 優先支援&無障礙諮詢 | WordPress 無障礙聚會 | WordPress 無障礙 Fa...。
  • Authenticator 》此外掛可讓你的 WordPress 網站僅對登入用戶開放。換句話說,要查看你的網站,他們必須在你的網站上創建或擁有帳戶並登錄。不需要任何配置,只需啟用即可。, ...。
  • Fix Alt Text 》現在讓您的圖像符合可用性標準已變得越來越重要。圖像必須添加替代文本(alt text),讓視障人士可以使用屏幕閱讀器了解屏幕上顯示的圖像的用途和上下文。, ...。
  • Accessibility by AllAccessible 》AllAccessible 是一個功能強大的 WordPress 外掛,可增強您的網站的無障礙性。這個外掛提供一系列功能,使您的網站對有殘障的人士更加友善,包括視力受損、聽...。
  • FAQ Concertina 》FAQ Concertina 是一款 WordPress 外掛,您可以使用插件簡單地在頁面或博客文章中以美觀而清晰的方式顯示常見問題(FAQs)列表。, 透過在 WordPress 頁面或博...。
  • Five-Star Ratings Shortcode 》這個外掛可以在網站的任何地方,使用簡單的短代碼加入無障礙、吸引人的5星評分。此外掛使用 Font Awesome 的SVG + JavaScript方法顯示圖示。, 鳴謝, 此外掛是...。
  • Genesis Accessible 》Genesis Accessible 是一個 WordPress 外掛程式,專為想使用 Genesis Framework 建立符合無障礙規範網站的網站擁有人設計,但使用的子佈景主題尚未支援框架的...。
  • Accessibly – WordPress Website Accessibility 》br />, Accessibly app 是 Shopify 商店中最佳的無障礙外掛。現在,我們為您的 WordPress 網站提供最佳的可訪問性。, Accessibly 外掛是以最佳的網頁無障礙做...。
  • Accordion Block Lite 》摺疊區塊外掛(Accordion Block Lite)是一個可存取和具有回應式的外掛,可在區塊編輯器插入器中添加,用於顯示可展開和摺疊以顯示或隱藏相關內容的列表項目...。
  • AccessibleWP – ALT Detector 》這是一款在 WordPress 網站上提供輕鬆設置無障礙圖像的有效解決方案,使您能夠輕鬆找到沒有替代文字的圖像,並提供其他圖像無障礙設置的選項。。
  • Accessibility Assistant 》1. 方便視障人士使用, 無障礙協助助理可以幫助視力障礙程度不一的使用者,增強他們的瀏覽體驗,使之符合其醫學需求和個人禁忌。, 2. 方便老年人使用, 透過無...。
  • FL3R Accessibility Suite 》FL3R Accessibility Suite為您的WordPress網站的訪客添加了一個無障礙控制面板。它是專門為視力障礙者設計的。, 允許訪客:, * 更改網站的文本大小, * 選擇五...。

文章
Filter
Apply Filters
Mastodon