[WordPress] 外掛分享: Simple Accessible Forms

前言介紹

  • 這款 WordPress 外掛「Simple Accessible Forms」是 2022-12-02 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2025-04-19,距離現在已有 15 天。
  • 外掛最低要求 WordPress 3.9.1 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

seshelby |

外掛標籤

forms | accessibility |

內容簡介

使用 Simple Accessible Forms 外掛程式,輕鬆地讓任何 HTML 表單具備無障礙設計。為確保無障礙,必須仔細建構表單。

表單元素必須包括描述表單目的的 aria-label。
如果出現錯誤或多個步驟輸入過程中,必須自動填充或使使用者能夠選擇以便閱讀。
每個表單欄位必須使用 label 標籤或使用 aria-label 屬性進行標籤。
必填欄位應在欄位標籤中註釋。對於站點使用者,可以使用星號進行標記,但它對於螢幕閱讀器使用者則需使用「必填」一詞。螢幕閱讀器文本可以使用 CSS 在屏幕外隱藏。WordPress 內置了此目的的類:screen-reader-text。
當使用者移離欄位時,無效輸入的表單欄位旁應顯示錯誤通知。
如果表單提交失敗,則必須重新填寫先前輸入的值,並顯示錯誤以清楚地識別問題並將焦點放在導致錯誤的第一個欄位上。

Simple Accessible Forms 外掛程式允許您定義表單欄位驗證信息,該信息將用於添加必要的功能以使表單具有無障礙性。它將添加表單欄位標籤,必填欄位標記,添加表單欄位驗證並在使用者離開欄位、發生錯誤時顯示螢幕閱讀器友好的錯誤訊息,並在表單提交失敗時將焦點放在第一個有錯誤的欄位上。

升級到 Pro 版本,以添加:

[PRO] 無限制的表單(免費版本僅限 2 個表單)。
[PRO] 無限制的表單欄位(免費版本僅限 4 個表單欄位)。
[PRO] 自動添加 id 屬性到所有表單元素上。
[PRO] 啟用表單欄位匯入選項,使您可以快速將外掛程式匯入並配置為適用於您的網站表單。
[PRO] 添加選項,以刪除表單中的「Form accessibility enhanced by Simple Accessible Forms」。

了解有關 Simple Accessible Forms 外掛程式的更多信息

原文外掛簡介

Easily make any html form accessible using the Simple Accessible Forms Plugin. Forms must be carefully constructed to ensure accessibility.

The form element must include an aria-label describing the purpose of the form.
In the event of error or during a multiple step entry process, information previously entered must be auto populated or available for the user to select.
Each form field must be labeled using the label tag or by using an aria-label attribute.
Required fields should be annotated within the field label. This may be done using an asterisk for sited users but the word required should be used for screen reader users. Screen reader text may be hidden off screen using CSS. WordPress has a built in class for this purpose: screen-reader-text.
An error notice should be displayed next to fields with invalid entries when the user navigates away from the field.
If the form submission results in an error the values previously entered must be repopulated, an error displayed to clearly identify the issue and focus should be taken to the first field resulting in error.

The Simple Accessible Forms Plugin allows you to define form field validation information which will be used to add the necessary features to make the form accessible. It will add form field labels, required field markings, add form field validation and display screen reader friendly error message when a user navigates away from a field, moves focus to the first field in error in the event of a form submission failure.
Upgrade to the Pro version to add:
[PRO] unlimited forms (free version is limited to 2 forms).
[PRO] unlimited form fields (free version is limited to 4 form fields).
[PRO] automatically adds id attributes to all form elements.
[PRO] activates the form field import option to allow you to quickly import and configure the plugin to work with your website forms.
[PRO] adds option to remove “Form accessibility enhanced by Simple Accessible Forms” from forms
Learn More about the Simple Accessible Forms Plugin

各版本下載點

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

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


1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | trunk | 1.0.10 | 1.0.11 |

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

文章
Filter
Apply Filters
Mastodon