無障礙：使用無障礙精靈

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

這能讓訪客看見目前所在位置，因此對網站無障礙至關重要。 瞭解更多焦點指示器資訊。

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

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

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

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

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

不過，您可以：

網站的 DOM 順序決定了頁面上元件的「閱讀」順序。

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

例如，螢幕助讀程式會掃描網站內容，並向訪客大聲「朗讀」。這些訪客以及有行動需求的訪客，也可能使用 Tab 金鑰在網站內容中進行導覽。

因此，組織網站的 DOM 順序對於無障礙功能非常重要，因為這能確保使用這些輔助和額外技術的訪客可以按照邏輯順序瀏覽網站。 瞭解更多關於 DOM 順序和無障礙功能的資訊

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

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

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

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

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

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

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

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

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

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

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

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

所需的色彩對比度比例取決於元件類型，以及想要達到的 《網頁內容無障礙指南》(WCAG) 層級 ── AA（最低要求）或 AAA（加強）：

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

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

精靈可能會識別出頁面上對網站訪客而言並非完全無障礙的元件和內容。根據元件類型，您或許可以從「新增元件」面板中使用替代方案來取代。若無合適選項，建議將其從網站中移除。

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

連結到其他頁面、區段或網站的文字或元件應盡可能具備描述性。例如，「閱讀更多關於我們最新研究的資訊」比「閱讀更多」更清晰。如果連結會引發小部件（例如提交表單），也應保持清晰。 閱讀關於連結目的之網頁內容無障礙指南 (WCAG) 文件

透過色彩傳達的資訊也應具有獨立的指標，例如圖樣、字型樣式和圖示。例如，已連結的文字應加上底線，圖表也應以不同的圖樣或材質顯示資料。 閱讀關於色彩使用的網頁內容無障礙指南 (WCAG) 文件。

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

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

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

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

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

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

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