無障礙是優良的現代網頁設計的核心宗旨。確保所有使用者 (包括身心障礙人士) 都能無障礙地存取您的網站,是整個網頁都須遵守的標準。許多地方 (例如美國) 皆已針對網頁無障礙功能制定法律要求。線上表單也不例外。
在美國,有 6100 萬成人有着不同程度的身心障礙。網頁旨在供所有人使用,因此網頁無障礙功能是消除線上互動和溝通阻礙的必要要件。而且,無障礙功能不僅只會影響身心障礙人士。無障礙表單和網站也能讓使用小螢幕行動裝置者、因年齡增長而能力改變的年長者、網路連線能力較慢或寬頻受限者,以及其他因情境性或暫時性身心障礙而有損短期網頁使用能力者等人士受益。
若您的網站或線上表單不具有無障礙功能,可能會讓很多人無法存取您的網站或服務。
在當今世界中,我們會在線上執行許多任務。網路是教育、工作、醫療保健、銀行金融和許多其他功能的重要資源。不具有無障礙功能的網站就像是沒有坡道或無障礙入口的企業。阻隔了部分人士,使其無法進入。若人們因不具有無障礙功能的網站或表單而無法使用這些資源,他們實際上也就被排除於這些現代社會面向之外。例如,不具有無障礙功能的線上登記表單可能會讓身心障礙使用無法登記參與活動。
每個人都應有平等的機會存取線上內容。讓您的網站和表單支援神經多樣性人士、視力障礙者或年長者的使用,擁抱包容性。身為良善的人類,讓我們的線上內容具有無障礙功能是一件正確的事。
無障礙表單設計和網頁設計讓您的企業能有更廣泛的受眾,這些受眾能在瀏覽您的網站時有更好的體驗。無障礙設計也將提高網站流量和客戶互動,並帶來更多轉換。其將影響年長者、科技使用能力有限者,以及偏鄉或開發中國家使用者的使用性。忽略身心障礙使用者的需求將會排除大量潛在客戶。
世界廣告商聯合會預估,身心障礙市場對每年可支配收入的影響超過 $13 兆美元。換言之,您網站和線上表單的無障礙功能可能讓您賺錢,也可能讓您花錢。
整體而言,網頁無障礙功能最佳實務是由全球資訊網協會 (W3C) 與其 Web內容無障礙指南 (WCAG) 共同定義,並負責制定網頁無障礙功能的國際標準。
除了 WCAG 之外,也有已建立的合法架構可確保網路無障礙功能。例如,若您經營美國政府網站,將會受到《復健法案》第 508 條約束。
《美國身心障礙者法》(ADA) 並不被認為是可廣泛執行的法律,但經常在針對未符合無障礙功能標準之網站擁有者的民事訴訟中被引用,因此也請務必瞭解相關標準。
網頁內容無障礙指南 (WCAG) 2 版規定中訂有四項主要標準。每項標準都用來處理不同無障礙功能需求,並提供滿足各項標準的方法。WCAG 快速參考指南會提供滿足各項標準的方向。讓我們以概括角度看看各項標準,瞭解其對您線上表單的影響。
無障礙表單設計的第一項標準是使用者必須能輕鬆感知頁面內容。此區段有數項適用於表單的重點:
第二項標準指的是使用者必須能輕鬆地操作表單的核心功能。就表單而言,請記得以下幾點:
WCAG 2 版制定的第三項標準是網站上的內容應簡單、清楚且易於理解。過於複雜的語言或術語可能會讓部分使用者難以理解呈現的內容。若這些使用者患有認知障礙,更是如此。請在建立線上表單時謹記這些要點:
第四項 (也是最後一項) 標準是讓內容足夠穩健,使各類使用者代理皆能解釋該內容,包括輔助技術 (例如螢幕閱讀器)。針對線上表單,請考量以下幾點:
在您準備好建立第一份無障礙線上表單時,請記得身心障礙可能有多種形式,且可能影響使用者存取和與網站互動的方式。因此,組織可利用多種不同方式來確保自身網站和表單能讓所有人存取。
我們將說明一些較明顯的方式,讓您能改善網頁表單的無障礙功能。請記得還有更多不同方式,但現在,請跟我們一起從這些表單無障礙功能最佳實務開始瞭解。
若要確保您的內容可供視障者閱讀,其中一項最簡單的方式是使用與表單背景適當對比的文字和其他頁面要素。較高的對比度可讓所有使用者都更容易閱讀文字,也能改善內容對色盲人士而言的可讀性。
SurveyMonkey 提供典型問卷和標準型佈景主題供您選擇用於表單,兩者皆符合第 508 條標準的規定。只要在選擇佈景主題時尋找無障礙調查問卷圖示即可。
我們的傳承、雪白極地、泛藍冰山、粉彩、水藍和深灰佈景主題皆符合第 508 條標準的規定。可在表單建立器的「樣式」索引標籤中找到這些佈景主題。
視障使用者通常會使用螢幕閱讀器技術來閱讀線上內容,並與之互動。該技術會大聲讀出表單內容,並提供頁面上其他要素的相關資訊。
若要讓螢幕閱讀器正確運作,其須能辨別表單欄位內容並向使用者傳達。請別認為表單欄位中的預留位置文字便已足夠。務必緊鄰欄位新增標籤,以清楚說明應提供什麼資訊。此外,所有類型的控制項,包括欄位、核取方塊和單選按鈕,皆應在頁面代碼中有隨附的 <label> 屬性。
SurveyMonkey 會確保所有使用我們線上表單建立器建立的表單,皆在後端擁有正確的代碼。
螢幕閱讀器和其他軟體已發展許久,但在說明影像或影片內容方面仍有所不足。您應避免在表單中使用這些資產,以讓表單更具無障礙存取性。
若必須使用影像或影片,請包含描述性的替代文字。替代文字為一種您可以新增至影像或影片的屬性,可被螢幕閱讀器大聲朗讀。其應說明表單上影像或影片的外觀或功能。
替代文字應十分具有描述性。例如,針對一疊鬆餅的影像,您應簡單使用「鬆餅」作為替代文字。較佳的版本為「一疊比利時鬆餅搭配奶油和糖漿」。第二種可提供更準確的影像描述,且對視障使用者而言更有幫助。
您表單上有部分欄位為必答,其他欄位則為選答。您可能會選擇使用不同色彩來表示必答欄位,但這可能並非對所有使用者皆有效。
SurveyMonkey 會預設以星號標記必答欄位,因此務必在您的調查問卷簡介中說明具有星號的欄位為必答欄位。
範例請見意見回饋表單。無論您在尋找何種類型的意見回饋,都適合將部分問題設計為選答問題。客戶意見回饋表單可能會特別詢問品牌 A 的使用者體驗。這些問題應被回答,因此應為必答問題。在調查問卷結束時,可能可詢問受訪者是否有關於品牌 A 相關體驗的其他意見。此應為選答欄位,因此除了已在表單內回答之內容,受訪者沒有任何要新增的意見,他們可略過問題並仍可在不遇到錯誤的情況下提交表單。
若螢幕上內容快速變化,螢幕閱讀器和其他無障礙工具的可靠性會降低。「一次一個問題」的格式會一次顯示一個線上表單欄位,並在填完一個欄位後再顯示新的欄位。這種快速變化的格式與多數無障礙工具不相容,最終會讓使用者感到困擾。相反地,請依據主題將問題分組,並僅在必要時才使用多個頁面。
避免較不具無障礙功能的問題類型,例如:
為何應遵循表單無障礙功能最佳實務?基本上,若表單不具有無障礙功能,就會發生您必須面對的潛在後果。影響最顯著的兩個後果是放棄填寫表單和法律訴訟。
如前所述,大眾群體中有很多身心障礙人士。您的內容具有無障礙功能,您便可與較多受眾連結,讓更多人遇到並使用您的線上表單。若有人無法正常使用您的表單,他們將會放棄表單,讓您失去其意見回饋、報名或其他輸入意見。
儘管有關網頁無障礙功能的法律通常無法強制執行,但部分組織會針對未符合無障礙標準的網站擁有者提起訴訟。近年來,這些訴訟持續增加。若要避免這些法律問題,請盡可能確保您表單具有無障礙功能。
若要充分利用您的線上表單,請使用 SurveyMonkey 確保讓最多的人可無障礙地存取表單。遵循我們的表單無障礙功能最佳實務和秘訣,建立成功的表單。
僅需要一個 SurveyMonkey 帳號便可開始。若要與您的團隊一起建立更多調查問卷,請立即選擇適合您的方案!