使用某些 WP 表單外掛可以輕鬆實現網站無障礙

根據 WAVE 網頁無障礙工具的測試結果，Gravity Forms 、 Ninja Forms 、 Contact Form 7 和 WP Forms 的前端表單在開箱即用時得分完美。  

我測試了另外兩款知名的 WP 表單外掛，但效果不盡如人意。

Gravity Forms 的 Web 無障礙投資正在取得回報

The Tavern 報道，2021 年 Gravity Forms 在 2.5 版本中大力投資於 Web 無障礙，並且 Gravity Forms 提供了大量關於 他們無障礙方法的資訊。  

我對 Gravity Forms 具體的 Web 無障礙流程感到好奇。

「我們透過鍵盤和螢幕閱讀器進行測試，」 與 Gravity Forms 公司的無障礙倡導者密切合作的軟體工程師 Morgan Kay 說。 

「我們還考慮其他一些影響因素，例如功能在移動裝置上的可用性，它在 RTL 語言中的外觀，以及我們是否有足夠的顏色對比度。」

Gravity Forms 還試圖幫助新手使用者瞭解他們是否正在進行可能破壞無障礙性的更改。

「Gravity Forms 做的一件特別有價值的事情是，它會警告你是否正在使用已知具有無障礙問題的功能，對於專業人士來說，這是一個巨大的時間節省，」 網路無障礙顧問 Joe Dolson 說。 

WCAG AA 是否足夠符合要求？WCAG AAA 呢？

Gravity Forms 承諾符合 WCAG AA 標準，對於任何希望使網站更具無障礙性的人來說，這是一個很好的起點。

「大多數無障礙法律要求符合 WCAG2.1 AA 標準，」 Gravity Forms 的 Kay 說。 

相比之下，「WCAG2.1 AAA 非常嚴格，包含一些並不一定適用於所有型別網站的標準，」 Kay 補充道。

「我們的目標是確保我們的表單符合 WCAG 2.1 AA，」 Kay 說。 「這不僅是因為我們希望我們的表單具有無障礙性，還因為一些國家的法律要求如此。」

「我們提供工具，讓使用者構建符合 WCAG 的表單，但最終還是由使用者確保他們遵循所有指南以滿足這些要求，」 Kay 補充道。

我在實際測試中驗證了這一陳述，事實證明：Gravity Forms 為您提供了所有工具，使您的前端表單在開箱即用時即符合 WCAG AA 標準，而無需任何配置。  

例如，如果您只是向 Gravity Form 新增姓名、電子郵件和電話欄位，那麼它就符合 WCAG AA 標準。  

然而，網站所有者可以選擇性地或無意中破壞合規性 – 這種情況經常發生。例如，刪除預設表單標籤會

破壞合規性。  

您不必在網上遠走，就能看到沒有正確標籤的文字輸入欄位。這通常是出於美學原因而做的 – 例如，隱藏標籤以使表單更緊湊。

其他 WP 表單外掛呢？

儘管其他表單外掛可能能夠建立可訪問的表單，但根據一些無障礙顧問的說法，它們不太容易配置以符合 WCAG 和 ADA 的要求。  

「對於免費外掛，Contact Form 7 允許您建立非常可訪問的表單，但您必須知道自己在做什麼。如果您付出了努力，它是一個不錯的工具，但我不會向普通使用者推薦它，」Dolson 說。

另一位網路無障礙顧問 Gerson Lacdao 表示讚賞 Gravity Forms 的努力，同時對其他 WP 表單外掛提出了一些建設性的批評。

「一些 [表單外掛] 在最基本的 [網路無障礙] 事項上存在問題，例如正確編碼的欄位標籤，」Lacdao 說。

他今天最喜歡的表單外掛是 WS Form 。  

「就無障礙性而言，我可能會把 [WS Form 外掛] 放在首位，」Lacdao 說。 「我喜歡 [WS Form] 中提供的許多無障礙選項，我不需要新增額外的 CSS 或 JS 來使其更好地執行。」

一些表單外掛的無障礙努力似乎是被動的而不是主動的

Lacdao 提到了一個在網路無障礙方面落後的知名 WP 表單外掛的例子 （我無法聯絡到外掛的開發人員進行評論，因此決定不在此處提及該外掛） 。  

「[該外掛的無障礙] 努力主要是被動的，目前僅基於某些使用者的票據或反饋，」Lacdao 說。 「我對此有些沮喪，因為我覺得向使用者主動提供無障礙產品是他們的義務的一部分。」 

除了在 Web 無障礙方面進行明確的主動努力之外，Gravity Forms 團隊始終關注新問題的出現。 

Gravity Forms 的 Kay 解釋說：「我們通常在報告後立即調查 [無障礙問題]，通常可以在一個或兩個次要版本中修復 [它們] 。」

WP 表單外掛的管理端無障礙性如何？

在不談論 WordPress 核心的管理介面無障礙性的情況下，很難談論任何外掛的管理介面無障礙性。 

根據我使用 WAVE 工具進行的測試，無論是 WordPress 核心還是我測試的任何外掛或主題，在管理介面的 Web 無障礙性方面表現都不佳。 

儘管如此，Gravity Forms 的日程表中確實包含了管理介面無障礙性的改進。

 「[一位高階無障礙顧問] 已經對我們的外掛在儀表板中進行了完整的審計，因此我們知道我們需要做些什麼來使 Gravity Forms 在管理介面上具有無障礙性，」 Kay 說。 「我們正在努力使管理介面具備無障礙性，在 Gravity Forms 2.9 版本中會有一些改進。」  

註釋

• WAVE 是由 WebAIM 推廣的測試工具，許多網路無障礙顧問也將其用作確定網頁在無障礙性方面表現如何的資料點。它並不是一個完美的工具，但是是一個很好的起點。
• 除了 Gravity Forms 外，我還聯絡了 WP Forms 、 Ninja Forms 和 Forminator Pro，希望將它們納入本文。但只有 Gravity Forms 對我的評論作出了有意義的回應。我鼓勵其他表單外掛開發人員在評論中留下他們的想法。