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

無障礙:準備網站結構

4 分鐘
網站階層(即其結構)可協助網頁瀏覽器和螢幕助讀程式了解應如何整理網站內容。您可為網站文字新增 HTML 標籤,以標示其在網站順序中的地點,並為訪客提供清晰的體驗。
溫馨提示:
網頁內容是根據網站頁面的 DOM 順序進行「閱讀」。您可以檢查此順序,並在需要時進行調整。瞭解更多關於整理網站順序的資訊

準備文字建議

準備網站文字時,建議留意以下指南:
  • 為文字使用 HTML 標籤:每個頁面都應有一個 H1 標題,隨後每個頁面上的 HTML 標籤應具備順序性。例如,若頁面上的主標題是 H1 標籤,則子標題應為 H2,依此類推。這可讓視障訪客以邏輯順序切換閱讀內容。
  • 標題應具備描述性:將標題視為下方文字的標籤(這對 SEO 也很重要)。
  • 間距非常重要:編輯文字時,若想將標題分成多行,請使用 Shift + Enter 鍵插入換行符號,而非使用會於每行建立新標題元件的 Enter 鍵。
  • 將標題新增至頁面主體:新增至網站頁首的 H1 將顯現於所有顯示頁首的頁面。因此,建議將標題新增至頁面主體。
    提示:若為沒有其他頁面的單頁網站,則可忽略此建議。

從編輯器新增文字 HTML 標籤

為網站文字新增 HTML 標籤以界定其階層。若使用 Wix 編輯器建立網站,可從文字設定中選擇標籤。若使用 Studio 編輯器,則可在檢驗器面板中找到該選項。此選項也提供於 Wix Harmony 編輯器文字的設計選項中。
  1. 在編輯器中選擇相關文字。
  2. 選擇 編輯文字
  3. 選擇 SEO 與無障礙
  4. 從下拉選單中選擇 HTML 標籤。
文字設定面板的設計索引標籤已開啟。游標正點擊 HTML 標籤下拉式選單。

從無障礙精靈為文字新增 HTML 標籤

使用無障礙精靈掃描網站,即可尋找並調整文字元件上的標籤。精靈適用於所有網站架設工具,因此您可改善任何正在處理的網站無障礙體驗。
大多數文字皆可直接在精靈中進行變更。然而,部分文字元件(例如應用程式文字)目前尚未與精靈完全整合,可能需要手動調整。
  1. 前往編輯器
  2. 點擊頂部的「設定」
  3. 選擇「無障礙精靈」
  4. 選擇「掃描網站」
  5. 點擊「偵測到的問題」索引標籤。
  6. 選擇相關頁面。
  7. 點擊「整理標題結構」
  8. 選擇相關文字元件。
  9. 根據精靈是否支援該文字,請追蹤以下其中一種方法:
已為文字元件選擇新的標題標籤。游標正點擊「套用」。
後續步驟:
返回 無障礙檢查清單 以繼續改善網站無障礙功能。