前言介紹
- 這款 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 |
延伸相關外掛(你可能也想知道)
WPForms – Easy Form Builder for WordPress – Contact Forms, Payment Forms, Surveys, & More 》f="https://wpforms.com/features/pre-built-form-templates/?utm_source=wprepo&utm_medium=link&utm_campaign=liteplugin" rel="friend nofollow u...。
Ninja Forms – The Contact Form Builder That Grows With You 》建立最親切易用的 WordPress 聯絡表單建構工具, , 使用 Ninja Forms 創建漂亮、親切的 WordPress 表單,讓您感覺像專業網站開發者!, , 100%適合初學者, , ...。
Forminator Forms – Contact Form, Payment Form & Custom Form Builder 》不同於傳統的表單製作外掛,Forminator 是一款易於使用的 WordPress 表單建立外掛,適用於任何網站和情境。它是建立各式各樣表單的最簡單方法-如聯絡表單、...。
Fluent Forms – Customizable Contact Forms, Survey, Quiz, & Conversational Form Builder 》Fluent Forms - 最佳和最快速的聯繫表格建立 WordPress 插件, Fluent Forms 是一個終極使用者友好、可自訂拖放式 WordPress 聯繫表格插件,提供您所有高級功...。
HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics 》h HubSpot, you can easily create and manage email marketing campaigns through the HubSpot WordPress plugin., Live Chat & Chatbots, Engage with ...。
Formidable Forms – Contact Form Plugin, Survey, Quiz, Payment, Calculator Form & Custom Form Builder 》最先進的 WordPress 表單外掛。使用我們的拖放表單建構器,您可以超越聯絡表單,製作調查問卷、測驗等更多應用。, 市場上最強大的 WordPress 表單建構器外掛,...。
CMB2 》CMB2 是一個開發人員的工具包,用於在 WordPress 上構建 metabox,自定義字段和表單,可以讓您震撼。輕鬆管理帖子、條款、用戶、評論的元數據,或創建自定義...。
SureForms – Drag and Drop Form Builder for WordPress 》, , , , , , , &l...。
Everest Forms – Contact Form, Quiz, Survey, Newsletter & Payment Form Builder for WordPress 》Everest Forms:WordPress 網站上的#1表單建立解決方案, 👉試用一下 (點擊此鏈接可創建演示,測試 Everest Forms。), Everest Forms是最好的WordPress表單...。
Crowdsignal Forms 》The Crowdsignal Forms 外掛可以讓您直接在區塊編輯器中建立和管理投票。, 建立投票與編寫項目清單一樣簡單快速,不再需要嵌入區塊或複製、貼上。, 自訂投票...。
Conditional Fields for Contact Form 7 》此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。, 當您編輯您的 CF7 表單時,您會看到一個額外的標籤,名為「條件式欄位群組」。您放置在起始標籤和結...。
JetFormBuilder — Dynamic Blocks Form Builder 》JetFormBuilder — 動態區塊表單建立器, 這個功能強大且易於使用的表單建立器外掛讓你在區塊編輯器(Gutenberg)中建立、編輯和設計進階表單類型,不再需要其...。
Ultimate Addons for Contact Form 7 》ate a grid or column layout with Contact Form 7 using the Columns / Grid Layout Addon in Ultimate Addons For Contact Form 7. This allows you to dis...。
Contact Form & SMTP Plugin for WordPress by PirateForms 》Pirate Forms 已不再進行活躍開發。我們建議使用 WPForms,因為它是市場上最方便新手使用的 WordPress 聯絡表單外掛程式。, , 在 2018 年 9 月,Pirate Forms...。
GoDaddy Email Marketing 》透過 GoDaddy Email Marketing Signup Forms 外掛,您可以輕鬆開始建立郵件列表以增加 WordPress 站台的重複流量!使用此外掛在短時間內將訂閱表單新增至您的...。