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

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

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

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

「跳至主要內容」連結是網站無障礙功能的重要一環，可讓訪客快速存取所需資訊。深入了解「跳至主要內容」。

設定網站的主要語言，可讓輔助技術取得準確顯示內容所需的資訊，包括：

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

如果已在網站新增 Wix Multilingual，則設定時選擇的主要語言無法變更。

不過，您可以：

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

網站語言的書寫方向也會影響 DOM 順序。建議使用精靈整理 DOM 順序，讓元件的閱讀順序與視覺順序一致。深入了解 DOM 順序與無障礙。

注意：只有在 DOM 順序與網站語言的書寫方向不一致時，才會顯示此任務。

頁面的標題標籤，是搜尋引擎通常會在搜尋結果中顯示的頁面標題。此標題取自設定的頁面名稱和網站名稱。

如果頁面的標題標籤包含「新頁面」（新增網站頁面時指派的預設名稱）或「複本」（複製頁面時指派的預設名稱），精靈便會提示變更頁面標題。

頁面標題標籤可為使用輔助技術的訪客提供重要的頁面內容資訊。若要提供最佳體驗，頁面標題應符合以下條件：

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

標題標籤是網站 HTML 程式碼中的元件，用於決定頁面文字內容的階層／結構。標題標籤採由上而下的順序，依序為標題 1（H1）至標題 6（H6），接著是段落文字（P）。

輔助技術會透過標題標籤判斷頁面內容的順序。例如，螢幕助讀程式會先讀取 H1 內容，再依序讀取 H2、H3 等內容。

因此，正確的標題結構十分重要，可讓使用這些技術的訪客獲得清楚且合乎邏輯的瀏覽體驗。

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

替代文字是網頁中圖片的文字描述。

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

因此，替代文字是網站的重要部分，可讓使用這些技術的訪客存取內容，並了解圖片包含的資訊。深入了解替代文字和無障礙功能。

色彩對比度是衡量兩種色彩之間感知亮度差異的方式，並以 1：1（無對比）至 21：1（強烈對比）的比例表示。強烈的對比可讓網站內容更容易查看及閱讀。

所需的色彩對比度比例取決於元件類型，以及希望達到的網頁內容無障礙準則（WCAG）等級── AA（最低要求）或AAA（加強）：

可在無障礙精靈中調整大部分網站內容的對比度。不過，部分元件目前尚未與精靈完整整合，需要手動調整。深入了解如何調整色彩對比度。

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

部分網站訪客可能患有一種或多種影響視力及／或聽力的身心障礙或疾病。請提供替代內容（例如逐字稿和語音描述），讓媒體檔案符合無障礙需求，使這些訪客更容易存取、理解及欣賞內容。深入了解媒體替代內容。

DOM 是指網站頁面上元件的載入與讀取順序，對使用螢幕助讀程式及其他輔助技術的訪客而言非常重要。您可使用精靈整理 DOM 順序，讓元件的讀取順序與視覺順序一致。了解更多 DOM 順序與無障礙資訊。

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

連至其他頁面、區段或網站的文字或元件，應盡可能提供清楚的描述。例如，「進一步閱讀最新研究」比「閱讀更多」更清楚。如果連結會觸發動作（例如提交表單），也應清楚說明。閱讀《網頁內容無障礙指南》（WCAG）中關於連結用途的文件

以色彩傳達的資訊也應搭配其他辨識標示，例如圖樣、字型樣式和圖示。舉例來說，連結文字應加上底線，圖表也應使用不同圖樣或材質呈現資料。閱讀《網頁內容無障礙指南》（WCAG）中關於色彩使用的文件。

螢幕助讀程式無法讀取圖片中的文字（例如標誌或標語的照片）。建議盡可能以實際文字取代這類圖片。

如果圖片中的文字是網站內容的重要部分，或是傳達資訊不可或缺的內容，請將文字加入圖片說明（替代文字）。了解更多圖片文字資訊。

部分影片和音訊播放器可能設為在頁面載入時自動播放。然而，這可能使訪客感到困惑或分心，也可能干擾輔助技術。舉例來說，自動播放的音訊播放器可能會蓋過螢幕助讀程式的語音。

因此，建議提供可停止／暫停播放及靜音的控制項。了解更多新增控制項的資訊

瀏覽器放大時，網站元件／組件仍應保持可見，讓視覺障礙使用者放大網站後，依然能看到頁面上的所有內容。若要檢查，請預覽網站，並將瀏覽器縮放比例調整為 200％。了解更多放大內容資訊。

許多國家／地區依法要求網站提供網頁無障礙功能。即使所在地區沒有這項法律要求，仍建議新增無障礙聲明。這可展現網站或客戶致力於提供所有訪客都能順利使用的網站。深入了解無障礙聲明。

網站上可能有精靈無法辨識的色彩對比度問題。若要讓所有網站內容都能清楚顯示，建議手動檢閱網站內容的對比度，並視需要進行調整。

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

無障礙精靈不支援：

建議逐一查看這些頁面和應用程式，並參考檢查清單，了解如何提升無障礙程度。

使用無障礙精靈後，還可透過以下幾種方式，進一步提升網站對訪客的無障礙程度：