header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

無障礙:建立無障礙 Wix Forms

2 分鐘
表單可讓網站訪客提交資訊、加入郵寄清單等。建立表單時,請務必留意無障礙功能,確保所有人都能檢視並使用。
請按照本文步驟建立訪客可瀏覽並互動的表單,充分發揮網站效用。
重要:
舊版 Wix Forms 不具備無障礙功能。若需符合無障礙法規,請切換至 新版 Wix Forms

步驟 1 | 顯示欄位標題

顯示欄位標題可讓訪客識別各個表單欄位。顯示標題能提供清晰資訊,並向訪客指示目前所在的欄位。

顯示欄位標題:

  1. 在編輯器中選擇表單。
  2. 點擊編輯表單
  3. 選擇表單欄位。
  4. 點擊設定
  5. 將游標懸停在欄位標題上,然後點擊更多操作圖示
  6. 點擊顯示欄位標題
表單中心。已選擇一個欄位,游標正點擊「顯示欄位標題」。

步驟 2 | 界定欄位標題

啟用欄位標題後,請務必清楚界定標題。標題應具體明確,以確保訪客了解所需的確切內容(姓氏、電話號碼等)。

界定欄位標題:

  1. 在編輯器中選擇表單。
  2. 點擊編輯表單
  3. 選擇表單欄位。
  4. 點擊設定
  5. 欄位標題下方輸入文字。
  6. 點擊儲存
表單中心。已選擇一個欄位,游標正點擊標題欄位。

步驟 3 | 自訂表單設計

根據狀態(固定、浮動和錯誤)調整 表單欄位和按鈕,即可建立具邏輯性的視覺體驗。例如,建議自訂浮動狀態的設計,讓訪客知道目前正在與表單的哪個部分互動。
實用資訊:
「浮動」狀態是指訪客將游標懸停在表單欄位/按鈕上時的外觀。「固定」狀態則是訪客與其互動前的顯示方式。

自訂表單設計:

  1. 在編輯器中選擇表單。
  2. 點擊設定
  3. 選擇設計
  4. 選擇要自訂的表單部分:
    • 欄位
      1. 選擇表單欄位
      2. 從下拉式選單中選擇浮動
      3. 變更欄位設計:
        • 填滿色彩與不透明度:設定欄位背景色彩,並拖曳滑桿以變更不透明度。
        • 邊框色彩與不透明度:設定欄位邊框的色彩與不透明度。
    • 按鈕:
      1. 選擇按鈕
      2. 選擇要自訂的按鈕(提交、返回、上傳等)。
      3. 點擊浮動索引標籤。
      4. 變更按鈕設計:
        • 文字色彩:設定浮動狀態下的按鈕文字色彩。
        • 色彩與不透明度:設定按鈕背景色彩,並拖曳滑桿以變更不透明度。
        • 邊框色彩與不透明度:設定按鈕邊框的色彩與不透明度。
表單欄位設計面板已開啟。已選擇浮動狀態,且游標正在點擊色彩方塊。
提示:

步驟 4 | 啟用網站視覺指示器

視覺指示器可協助有不同視力/行動需求的使用者瀏覽網站。啟用後,使用 Tab 鍵的訪客即可在目前所在的區段或元件周圍看到藍色方塊。瞭解更多視覺指示器資訊
在 Studio 編輯器中建立的網站會自動啟用視覺指示器。

若要啟用視覺指示器:

  1. 在 Wix 編輯器頂端列選擇「設定」
  2. 選擇「無障礙精靈」
  3. 點擊精靈右上方「更多操作」圖示
  4. 選擇「進階無障礙設定」
  5. 選擇「視覺指示器」
  6. 開啟「允許鍵盤使用者瀏覽網站」切換開關。
無障礙精靈的進階設定中已啟用視覺指示器切換開關。
後續步驟:
返回無障礙檢查清單以持續改善網站無障礙功能。