Wix Harmony 編輯器：使用無障礙精靈

焦點指示器是藍色矩形，當訪客使用鍵盤在已上線網站中導覽時，會出現在互動式元件（如按鈕或連結）周圍。

這能讓訪客看見目前所在位置，因此對網站無障礙功能至關重要。深入了解焦點指示器。

「略過並直接前往主要內容」功能可讓使用鍵盤導覽的訪客跳過網站最頂端的區段（例如選單和頁面標題），直接跳轉至頁面的主要內容。

「略過並直接前往主要內容」連結是網站無障礙功能的重要組成部分，因為這能讓訪客快速存取所需的資訊。瞭解更多「略過並直接前往主要內容」資訊。

設定網站的主要語言可為輔助技術提供準確呈現內容所需的資訊。其運作方式如下：

因此，設定網站的主要語言非常重要，因為這能確保使用這些技術的訪客獲得最佳體驗。

若已在網站中新增 Wix Multilingual，則在設定期間選擇的主要語言無法更改。

不過，您可以：

網站的文件物件模型（DOM）順序決定了頁面元件的選擇／閱讀順序（即螢幕助讀程式閱讀元件的順序，以及使用 Tab 鍵時強調元件的順序）。

DOM 順序也會受到網站語言方向的影響。建議使用精靈整理 DOM 順序，以確保元件的閱讀順序與視覺順序對齊。瞭解更多 DOM 順序與無障礙資訊。

注意：僅在 DOM 順序與網站語言方向不符時，才會顯示此任務。

頁面的標題標籤是搜尋引擎通常在搜尋結果中顯示的頁面標題。其取自您為頁面命名的姓名以及網站名稱。

當標題標籤包含「New page」（指派給新增至網站頁面的預設值）或「複本」（指派給複製頁面的預設值）時，精靈會指令您變更頁面標題。

頁面標題標籤為使用輔助技術的訪客提供有關頁面內容的重要資訊。為了確保最佳體驗，頁面標題應具備：

提示：準確的頁面標題標籤也是網站 SEO 的重要部分。

標題標籤是網站 HTML 程式碼中的元件，用於決定頁面文字內容的階層／結構。標題標籤遵循由上而下的順序，從標題 1 (H1) 到標題 6 (H6)，接著是段落文字 (P)。

輔助技術使用標題標籤來了解頁面內容的順序。例如，螢幕助讀程式會先閱讀 H1 內容，接著是 H2、H3 等。

因此，準確的標題結構非常重要，因為這能為使用這些技術的訪客提供清晰且具邏輯性的體驗。

您可在無障礙精靈中調整許多標題標籤。然而，部分元件目前尚未與精靈完全整合，需要手動調整。

替代文字（alt text）是網頁上圖片的文字描述。

部分訪客可能會使用螢幕助讀程式等輔助技術來導覽網站。這些技術會向訪客朗讀網站內容，包括替代文字。

因此，替代文字是網站的重要組成部分，可確保使用這些技術的訪客能夠存取內容並理解圖片包含的資訊。瞭解更多替代文字與無障礙資訊。

色彩對比度是衡量兩種色彩之間感知亮度差異的指標，以 1:1（無對比）到 21:1（強對比）的比例表示。具備強對比度可確保網站內容易於查看和閱讀。

所需的色彩對比度比例取決於元件類型以及您想要達到的 Web Content Accessibility Guidelines (WCAG) 等級 ── AA（最低要求）或 AAA（加強）：

您可在無障礙精靈中調整大多數網站內容的對比度。然而，某些元件目前尚未與精靈完全整合，需要手動調整。瞭解更多調整色彩對比度的資訊。

請留意： 無障礙精靈目前僅要求達到 AA 等級。

部分網站訪客可能患有一種或多種影響視覺及／或聽覺的障礙或狀況。您可提供替代方案（例如逐字稿和語音描述）來確保媒體檔案符合無障礙要求，讓這些訪客更輕鬆地存取、理解並享受內容。瞭解更多媒體替代方案資訊。

DOM 是指網站頁面元件的載入和閱讀順序，對於使用螢幕助讀程式和其他輔助技術的訪客而言非常重要。您可使用精靈來整理 DOM 順序，確保元件的閱讀順序與視覺順序對齊。瞭解更多 DOM 順序與無障礙資訊。

注意：僅在一個或多個頁面區段停用自動 DOM 時，才會顯示此任務。

連結至其他頁面、區段或網站的文字或元件應盡可能具備描述性。例如，「閱讀更多關於我們最新研究的資訊」比「閱讀更多」更清晰。若連結會引發某種操作（例如提交表單），也應保持清晰。閱讀 Web Content Accessibility Guidelines (WCAG) 關於連結目的的文件。

透過色彩傳達的資訊也應具備獨立指標，例如圖樣、字型樣式和圖示。例如，連結文字應加上底線，圖表也應使用不同的圖樣或材質顯示資料。閱讀 Web Content Accessibility Guidelines (WCAG) 關於色彩使用的文件。

圖片中的文字（例如標誌或標語的照片）無法由螢幕助讀程式讀取。建議盡可能將這些圖片替換為真實文字。

若圖片文字是網站內容的重要部分，或對於傳達資訊至關重要，請將文字包含在圖片的描述（替代文字）中。瞭解更多圖片文字相關資訊。

某些影片和音訊播放器可能會設定為在頁面載入時自動播放。然而，這可能會讓訪客感到困惑和分心，並可能干擾輔助技術。例如，自動啟動的音訊播放器可能會覆寫螢幕助讀程式或與其同時「發聲」。

因此，我們建議為訪客提供停止／暫停以及靜音內容的選項。瞭解更多新增控制項的資訊。

縮放瀏覽器時，網站元件／組件應仍保持可見。這是為了確保有視覺狀況的使用者可以放大網站，且仍能看到所有頁面內容。您可透過預覽網站並將瀏覽器縮放比例更改為 200％ 來進行檢查。瞭解更多放大內容資訊。

網頁無障礙在多個國家／地區是法律規定。然而，即使您所在的地區沒有法律要求，我們仍建議新增聲明。這能展現網站或客戶致力於提供讓所有訪客都能享受的網站。閱讀更多關於無障礙聲明的資訊。

網站中可能存在精靈無法識別的色彩對比度。若要確保所有網站內容對訪客而言皆清晰可見，建議手動檢閱網站內容的對比度，並根據需要進行調整。

精靈會掃描大部分的網站內容。這包括固定網站頁面，以及屬於商務解決方案一部分的頁面（例如 Wix Bookings 中的行事曆頁面）。
然而，這些頁面上的某些內容可能需要手動檢閱或修正。此外，某些網站頁面無法由精靈掃描或不支援。

無障礙精靈不支援：

建議搭配我們的檢查清單檢視這些頁面和應用程式，了解如何提升其無障礙程度。

使用無障礙精靈後，您可透過以下幾種方式持續提升訪客的網站無障礙體驗：