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

首頁外掛目錄 › Accessibility New Window Warnings
WordPress 外掛 Accessibility New Window Warnings 的封面圖片
1,000+
安裝啟用
★★★★
4.8/5 分(16 則評價)
274 天前
最後更新
問題解決
WordPress 6.4.0+ v1.2.0 上架:2021-08-26

內容簡介

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

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

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

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

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

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

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.2.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Accessibility New Window Warnings」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon