無障礙：使用無障礙精靈

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

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

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

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

設定網站的主要語言，可為輔助技術提供準確呈現內容所需的資訊，包括：

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

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

不過，可以：

網站的文件物件模型（DOM）順序會決定頁面元件的「閱讀」順序。

部分網站訪客會使用螢幕助讀程式和其他輔助技術來瀏覽網站。

例如，螢幕助讀程式會掃描網站內容，並向訪客朗讀。這些訪客及有行動需求的訪客，也可能使用 Tab 鍵瀏覽網站內容。

因此，整理網站的 DOM 順序對無障礙而言非常重要，讓使用這些輔助及其他技術的訪客能依照合理順序瀏覽網站。了解更多 DOM 順序與無障礙資訊

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

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

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

提示：正確的頁面標題標籤也是網站 SEO 的重要一環。

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

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

因此，正確的標題結構相當重要，可讓使用這些技術的訪客享有清楚且符合邏輯的體驗。

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

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

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

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

色彩對比度是要比較兩種色彩感知亮度差異的項目，以 1：1（無對比）至 21：1（高對比）的比例表示。高對比度可讓網站內容更容易查看及閱讀。

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

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

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

精靈可能會找出頁面中無法讓網站訪客完全無障礙存取的元件和內容。視元件類型而定，您或許能使用「新增元件」面板中的替代元件來取代。若沒有合適的選項，建議將其從網站移除。

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

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

透過色彩傳達的資訊也應提供其他指示，例如圖樣、字型樣式和圖示。舉例來說，連結文字應加上底線，圖表也應使用不同圖樣或材質顯示資料。閱讀《網頁內容無障礙準則》（WCAG）中關於色彩使用的文件。

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

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

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

因此，建議提供停止／暫停及靜音內容的選項。深入了解如何新增控制功能

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

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

網站中可能有精靈未識別的色彩對比度問題。若要讓所有網站內容對訪客而言清楚可見，建議手動檢閱網站內容的對比度，並視需要進行調整。