網頁無障礙可確保每個人（包括身心障礙人士）都能存取、瀏覽並享受網站。部分訪客體驗網路的方式有所不同，因此調整所建網站以適應這些體驗至關重要。Wix 提供多種檢查並改善網站無障礙功能的方法，包括無障礙監察。此工具會掃描已上線的 Wix 網站，找出潛在的無障礙問題，並在網站管理介面顯示狀態。重要：雖然 Wix 始終致力於改進產品與服務，但我們無法保證您的網站一定符合所在地區的無障礙法律與法規。建議諮詢...

無障礙：使用無障礙監察檢查網站無障礙功能

了解如何確保您的網站符合無障礙標準，讓所有訪客，包括身心障礙人士，都能輕鬆存取和瀏覽。使用Wix的無障礙監察工具，檢查並改善網站的無障礙功能，並在發現問題時，透過無障礙精靈進行修復。這樣可以提升網站的可用性，讓更多人享受您的內容。

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-about-web-accessibility" target="target">網頁無障礙</a>可確保每個人（包括身心障礙人士）都能存取、瀏覽並享受網站。部分訪客體驗網路的方式有所不同，因此調整所建網站以適應這些體驗至關重要。</div></div><div data-component-type="text"><div>Wix 提供多種檢查並改善網站無障礙功能的方法，包括無障礙監察。此工具會掃描已上線的 Wix 網站，找出潛在的無障礙問題，並在網站管理介面顯示狀態。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要：</div><div class="info-content"><div>雖然 Wix 始終致力於改進產品與服務，但我們無法保證您的網站一定符合所在地區的無障礙法律與法規。建議諮詢無障礙專家，以確保網站符合當地的標準。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-using-the-accessibility-monitor" level="3">檢查並使用無障礙監察</h2></div><div data-component-type="text"><div>從網站管理介面開啟無障礙監察，即可檢查已上線網站的無障礙狀態。若偵測到任何問題，您可使用監察功能在編輯器中開啟無障礙精靈並加以解決。</div></div><div data-component-type="heading"><h2 id="" level="4">若要使用無障礙監察：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Go%20to%20Dashboard&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">前往網站管理介面</a>。</li>  <li>將滑鼠游標浮動至左側選單的 <strong>網站與行動應用程式</strong>。</li>  <li>選擇 <strong>網站與 SEO</strong> 下方的 <strong>網站</strong>。</li>  <li>檢查 <strong>無障礙</strong> 字卡。</li>  <li>（若發現問題）點擊 <strong>修復問題</strong>，即可在編輯器（Studio 編輯器或 Wix 編輯器）中開啟無障礙精靈。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-using-the-accessibility-wizard" target="target">按照精靈中的步驟操作</a>即可改善網站無障礙功能。</li>  <li>儲存並發佈變更。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="Wix 網站管理介面。無障礙監察小工具已強調顯示。正在點擊「修復問題」。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="text"><div>選擇問題以瞭解更多無障礙監察資訊。</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">監察適用於哪些網站架設工具？</h4><div class="collapsible-content"><div>無障礙監察適用於使用 Wix 編輯器和 Studio 編輯器建置的網站。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">無障礙精靈與監察有何不同？</h4><div class="collapsible-content"><div>無障礙監察<strong>僅</strong>針對已發佈版本的網站識別問題。無障礙精靈則會針對已儲存（但可能尚未發佈）版本的網站識別問題。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">應多久檢查一次監察？</h4><div class="collapsible-content"><div>建議每次發佈網站新變更時都檢查監察功能，以便在展開品牌或內容時，持續改善網站的無障礙功能。 </div></div></div></div>

無障礙聲明概述了您或您的品牌／商務在網站上為提高身障人士無障礙程度所做的努力。 您可參考以下文章來協助撰寫網站無障礙聲明。然而，由於各法律與規範因地區而異，本文不應視為法律建議。 重要事項：在某些國家／地區，提供無障礙聲明是網站負責人的法律義務。請確保遵守所在地區的法律與規範。無障礙聲明應包含的內容建立並發佈網站無障礙聲明時，建議包含以下內容： 聲明最後更新日期。  關於已實施無障礙措施的一般聲明...

無障礙：為網站新增無障礙聲明

了解如何撰寫網站的無障礙聲明，以展示您對提高身障人士無障礙程度的承諾。本文提供了無障礙聲明應包含的內容、法律要求及撰寫範本，幫助您確保網站符合當地規範。透過這些指導，您可以有效地增強網站的可訪問性，並為所有訪客提供更好的使用體驗。

<div data-component-type="text"><div>無障礙聲明概述了您或您的品牌／商務在網站上為提高身障人士無障礙程度所做的努力。 </div></div><div data-component-type="text"><div>您可參考以下文章來協助撰寫網站無障礙聲明。然而，由於各法律與規範因地區而異，本文不應視為法律建議。 </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要事項：</div><div class="info-content"><div>在某些國家／地區，提供無障礙聲明是網站負責人的法律義務。請確保遵守所在地區的法律與規範。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="what-to-include-in-an-accessibility-statement" level="3">無障礙聲明應包含的內容</h2></div><div data-component-type="text"><div>建立並發佈網站無障礙聲明時，建議包含以下內容：</div></div><div data-component-type="text"><ul> <li>聲明最後更新日期。</li>  <li>關於已實施無障礙措施的一般聲明。範例包括：
    <ul>
      <li><strong>工具與指南：</strong>
        <ul>
          <li>您所遵循的 WCAG 版本（2.0 ／ 2.1 ／ 2.2）和等級（A ／ AA ／ AAA）。</li>          <li>是否已使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-about-the-accessibility-wizard-7284021" target="target">Wix Accessibility Wizard</a> 並完成所有必要的調整。</li>        </ul>      </li>      <li><strong>網站內容與結構：</strong>
        <ul>
          <li>是否已設定<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-accessibility-setting-your-sites-language" target="target">網站語言</a>。</li>          <li>針對網站頁面<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-checking-and-adjusting-a-sites-dom-order" target="target">內容順序</a>所做的調整。</li>          <li>針對網站頁面<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-site-structure" target="target">標題結構</a>所做的調整。</li>        </ul>      </li>      <li><strong>媒體、檔案與動畫：</strong>
        <ul>
          <li>網站圖片是否具有<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-images-and-galleries" target="target">替代文字</a>。</li>          <li>網站使用的色彩組合是否符合要求的<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-text-and-graphics" target="target">對比度比例</a>。</li>          <li>是否已<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-reducing-motion" target="target">減少網站上的干擾動作</a>。</li>          <li>針對網站<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-making-videos-and-audio-accessible" target="target">影片與音訊</a>所做的無障礙調整。</li>          <li>網站上的<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-making-document-files-accessible" target="target">文件</a>是否符合無障礙標準。</li>        </ul>      </li>    </ul>  </li>  <li>因在網站上使用第三方服務而導致的已知無障礙限制。</li>  <li>實體商業場所（如劇院、餐廳等）的任何無障礙安排與住宿設施。</li>  <li>網站無障礙負責人的聯絡資訊，例如全名、電子郵件地址和電話號碼。</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">想要新增更多資訊嗎？</div><div class="info-content"><div>使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility" target="target">無障礙檢查清單</a> 獲取網站無障礙聲明的想法。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-accessibility-statement-to-your-site" level="3">為網站新增無障礙聲明</h2></div><div data-component-type="text"><div>新增無障礙聲明以明確說明公司在網頁無障礙方面的努力。建議為聲明使用專屬頁面，並從網站頁首或頁尾連結至該頁面。</div></div><div data-component-type="heading"><h2 id="" level="4">若要為網站新增無障礙聲明：</h2></div><div data-component-type="text"><ol> <li>在網站中新增頁面，並將其命名為「無障礙聲明」。</li>  <li>在頁面中新增文字方塊，並根據需要輸入無障礙聲明內容。</li>  <li>使用文字或按鈕建立該頁面的連結，並命名為「無障礙聲明」。</li>  <li>將已連結的文字／按鈕附加到網站的頁首／頁尾，確保訪客可以從網站的任何頁面檢視聲明。</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">請注意：</div><div class="info-content"><div>在聲明中使用多個文字方塊，以確保每段文字皆具有<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-site-structure" target="target">正確的 HTML 標籤</a>（h1／h2／p）。您可檢查下一區段中的範例，查看應使用的 HTML 標籤。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-statement-template" level="3">無障礙聲明範本</h2></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要事項：</div><div class="info-content"><div>以下範本旨在協助撰寫無障礙聲明。請注意，您有責任確保網站聲明符合當地法律或地區規範。</div></div></div></div><div data-component-type="text"><div><em><strong>無障礙聲明</strong></em><strong> </strong>(h1)</div></div><div data-component-type="text"><div>(p)<em> 此聲明最後更新日期為</em> [請輸入相關日期]<em>。</em></div></div><div data-component-type="text"><div>(p)<em> [輸入組織／商家名稱] </em> <em>正致力於讓網站 </em>[輸入網站名稱和地址]<em> 供身障人士無障礙使用。</em></div></div><div data-component-type="text"><div><em><strong>什麼是網頁無障礙</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>無障礙網站可讓身障訪客以與其他訪客相同或相似的輕鬆程度和樂趣瀏覽網站。這可以透過網站運行的系統功能以及輔助技術來實現。</em></div></div><div data-component-type="text"><div><em><strong>此網站的無障礙調整</strong></em> (h2)</div></div><div data-component-type="text"><div>(p) <em>我們已根據 WCAG </em>[2.0 / 2.1 / 2.2 - 選擇相關選項]<em> 指南調整此網站，並使網站達到 </em>[A / AA / AAA<em> - </em>選擇相關選項] 的無障礙等級。<em>此網站內容已調整為可搭配螢幕助讀程式和鍵盤使用等輔助技術。作為這項努力的一部分，我們還</em>[移除不相關資訊]<em>：</em></div></div><div data-component-type="text"><div>(p)</div><ul> <li><em>使用無障礙精靈尋找並修正潛在的無障礙問題</em></li>  <li><em>設定網站語言</em></li>  <li><em>設定網站頁面的內容順序</em></li>  <li><em>在所有網站頁面上界定清晰的標題結構</em></li>  <li><em>為圖片新增替代文字</em></li>  <li><em>實施符合所需色彩對比度的色彩組合</em></li>  <li><em>減少在網站上使用動態效果</em></li>  <li><em>確保網站上所有影片、音訊和檔案皆符合無障礙標準</em></li></ul></div><div data-component-type="text"><div><em><strong>因第三方內容聲明部分符合標準</strong></em>(h2) [僅在相關時新增]</div></div><div data-component-type="text"><div>(p) <em>網站上某些頁面的無障礙程度取決於不屬於本組織的內容，而是屬於 [輸入相關第三方名稱]。以下頁面受此影響：</em>[列出頁面網址]。<em>因此，我們</em><em>聲明這些頁面僅部分符合標準。</em></div></div><div data-component-type="text"><div><em><strong>組織內的無障礙安排</strong></em><strong> </strong>(h2) [僅在相關時新增]</div></div><div data-component-type="text"><div>(p) [輸入網站組織或商務實體辦公室／分行的無障礙安排描述。描述可包含所有目前的無障礙安排 ── 從服務開始（例如停車場和／或大眾運輸站）到結束（例如服務台、餐廳桌次、課堂等）。此外也需註明任何額外的無障礙安排，例如無障礙服務及其地點，以及可供使用的無障礙配件（例如音訊感應線圈和電梯）]</div></div><div data-component-type="text"><div><em><strong>請求、問題與建議</strong></em></div></div><div data-component-type="text"><div>(p) <em>若在網站上發現無障礙問題，或需要進一步協助，歡迎透過組織的無障礙協調員與我們聯絡：</em></div><ul> <li>[無障礙協調員姓名]</li>  <li>[無障礙協調員電話號碼]</li>  <li>[無障礙協調員電子郵件地址]</li>  <li>[輸入任何其他相關／可用的聯絡詳細資訊]</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回 <a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a> 繼續改善網站無障礙功能。</div></div></div></div>

表單可讓網站訪客提交資訊、加入郵寄清單等。建立表單時，請務必留意無障礙功能，確保所有人都能檢視並使用。 請按照本文步驟建立訪客可瀏覽並互動的表單，充分發揮網站效用。重要：舊版 Wix Forms 不具備無障礙功能。若需符合無障礙法規，請切換至 新版 Wix Forms。步驟 1 | 顯示欄位標題顯示欄位標題可讓訪客識別各個表單欄位。顯示標題能提供清晰資訊，並向訪客指示目前所在的欄位。顯示欄位標題：...

無障礙：建立無障礙 Wix Forms

學習如何在您的網站上建立無障礙的表單，讓訪客能夠輕鬆提交資訊和加入郵寄清單。本文提供步驟，幫助您設置可互動的表單，包括顯示欄位標題、界定標題內容、自訂表單設計及啟用視覺指示器，確保所有使用者都能順利使用您的網站。

<div data-component-type="text"><div>表單可讓網站訪客提交資訊、加入郵寄清單等。建立表單時，請務必留意無障礙功能，確保所有人都能檢視並使用。 </div></div><div data-component-type="text"><div>請按照本文步驟建立訪客可瀏覽並互動的表單，充分發揮網站效用。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要：</div><div class="info-content"><div>舊版 Wix Forms 不具備無障礙功能。若需符合無障礙法規，請切換至 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-forms-the-difference-between-the-new-and-old-wix-forms" target="target">新版 Wix Forms</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">步驟 1 | 顯示欄位標題</h2></div><div data-component-type="text"><div>顯示欄位標題可讓訪客識別各個表單欄位。顯示標題能提供清晰資訊，並向訪客指示目前所在的欄位。</div></div><div data-component-type="heading"><h2 id="" level="4">顯示欄位標題：</h2></div><div data-component-type="text"><ol> <li>在編輯器中選擇表單。</li>  <li>點擊<strong>編輯表單</strong>。</li>  <li>選擇表單欄位。</li>  <li>點擊<strong>設定</strong>。</li>  <li>將游標懸停在欄位標題上，然後點擊<strong>更多操作</strong>圖示 <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />。</li>  <li>點擊<strong>顯示欄位標題</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="表單中心。已選擇一個欄位，游標正點擊「顯示欄位標題」。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">步驟 2 | 界定欄位標題</h2></div><div data-component-type="text"><div>啟用欄位標題後，請務必清楚界定標題。標題應具體明確，以確保訪客了解所需的確切內容（姓氏、電話號碼等）。</div></div><div data-component-type="heading"><h2 id="" level="4">界定欄位標題：</h2></div><div data-component-type="text"><ol> <li>在編輯器中選擇表單。</li>  <li>點擊<strong>編輯表單</strong>。</li>  <li>選擇表單欄位。</li>  <li>點擊<strong>設定</strong>。</li>  <li>在<strong>欄位標題</strong>下方輸入文字。</li>  <li>點擊<strong>儲存</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="表單中心。已選擇一個欄位，游標正點擊標題欄位。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">步驟 3 | 自訂表單設計</h2></div><div data-component-type="text"><div>根據狀態（固定、浮動和錯誤）調整 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-forms-designing-your-site-forms" target="target">表單欄位和按鈕</a>，即可建立具邏輯性的視覺體驗。例如，建議自訂浮動狀態的設計，讓訪客知道目前正在與表單的哪個部分互動。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">實用資訊：</div><div class="info-content"><div>「浮動」狀態是指訪客將游標懸停在表單欄位／按鈕上時的外觀。「固定」狀態則是訪客與其互動前的顯示方式。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">自訂表單設計：</h2></div><div data-component-type="text"><ol> <li>在編輯器中選擇表單。</li>  <li>點擊<strong>設定</strong>。</li>  <li>選擇<strong>設計</strong>。</li>  <li>選擇要自訂的表單部分：
    <ul>
      <li><strong>欄位</strong>：
        <ol>
          <li>選擇<strong>表單欄位</strong>。</li>          <li>從下拉式選單中選擇<strong>浮動</strong>。</li>          <li>變更欄位設計：
            <ul>
              <li><strong>填滿色彩與不透明度：</strong>設定欄位背景色彩，並拖曳滑桿以變更不透明度。</li>              <li><strong>邊框色彩與不透明度：</strong>設定欄位邊框的色彩與不透明度。</li>            </ul>          </li>        </ol>      </li>      <li><strong>按鈕：</strong>
        <ol>
          <li>選擇<strong>按鈕</strong>。</li>          <li>選擇要自訂的按鈕（提交、返回、上傳等）。</li>          <li>點擊<strong>浮動</strong>索引標籤。</li>          <li>變更按鈕設計：
            <ul>
              <li><strong>文字色彩：</strong>設定浮動狀態下的按鈕文字色彩。</li>              <li><strong>色彩與不透明度：</strong>設定按鈕背景色彩，並拖曳滑桿以變更不透明度。</li>              <li><strong>邊框色彩與不透明度：</strong>設定按鈕邊框的色彩與不透明度。</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="表單欄位設計面板已開啟。已選擇浮動狀態，且游標正在點擊色彩方塊。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><ul> <li>您也應自訂「錯誤」狀態下的表單欄位，以確保提升無障礙功能。</li>  <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-text-and-graphics" target="target">瞭解更多網站無障礙色彩與對比資訊</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">步驟 4 | 啟用網站視覺指示器</h2></div><div data-component-type="text"><div>視覺指示器可協助有不同視力／行動需求的使用者瀏覽網站。啟用後，使用 Tab 鍵的訪客即可在目前所在的區段或元件周圍看到藍色方塊。<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-turning-the-blue-boxes-visual-indicators-on-and-off" target="target">瞭解更多視覺指示器資訊</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>在 Studio 編輯器中建立的網站會自動啟用視覺指示器。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">若要啟用視覺指示器：</h2></div><div data-component-type="text"><ol> <li>在 Wix 編輯器頂端列選擇<strong>「設定」</strong>。</li>  <li>選擇<strong>「無障礙精靈」</strong>。</li>  <li>點擊精靈右上方<strong>「更多操作」</strong>圖示 <img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" />。</li>  <li>選擇<strong>「進階無障礙設定」</strong>。</li>  <li>選擇<strong>「視覺指示器」</strong>。</li>  <li>開啟<strong>「允許鍵盤使用者瀏覽網站」</strong>切換開關。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="無障礙精靈的進階設定中已啟用視覺指示器切換開關。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回<a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a>以持續改善網站無障礙功能。 </div></div></div></div>

字型是文字形狀和樣式的呈現方式。Wix 提供多種字型，您也可以上傳並使用自訂字型。 某些字型比其他字型更易辨認，因此請務必確保網站上使用的字型易於閱讀。選擇清晰易讀的字型可以協助有視覺或閱讀需求的訪客。無障礙字型指南在網站中新增文字和字型時，建議遵循以下指南： 選擇在字元模糊度與字元複雜度之間取得平衡的字型。字元應易於相互區分，同時具備簡單的圖樣和形狀。 在網站上使用有限數量的字型，並避免在同一個...

無障礙：字型與可讀性

選擇合適的字型對於提升網站可讀性至關重要。了解如何使用Wix提供的字型或上傳自訂字型，並遵循無障礙字型指南，以確保您的網站對所有訪客友好。學習選擇清晰易讀的字型、適當的字型大小、間距和對比度，讓您的內容更易於理解，並提升整體使用體驗。

<div data-component-type="text"><div>字型是文字形狀和樣式的呈現方式。Wix 提供多種字型，您也可以上傳並使用自訂字型。 </div></div><div data-component-type="text"><div>某些字型比其他字型更易辨認，因此請務必確保網站上使用的字型易於閱讀。選擇清晰易讀的字型可以協助有視覺或閱讀需求的訪客。</div></div><div data-component-type="heading"><h2 id="" level="3">無障礙字型指南</h2></div><div data-component-type="text"><div>在網站中新增文字和字型時，建議遵循以下指南：</div></div><div data-component-type="text"><ul> <li>選擇在字元模糊度與字元複雜度之間取得平衡的字型。字元應易於相互區分，同時具備簡單的圖樣和形狀。</li></ul></div><div data-component-type="text"><ul> <li>在網站上使用有限數量的字型，並避免在同一個文字區塊中使用多種字體。</li></ul></div><div data-component-type="text"><ul> <li>盡量避免使用過小的字型大小。建議將文字保持在 14 像素（Pix）以上。</li></ul></div><div data-component-type="text"><ul> <li>確保字型在字元、單字和行之間有足夠的間距。這能確保文字不會過於緊湊，且易於閱讀。</li></ul></div><div data-component-type="text"><ul> <li>請留意斜體、全大寫和刪除線等格式化文字，對於有視覺和閱讀障礙的訪客來說可能更難閱讀。</li></ul></div><div data-component-type="text"><ul> <li>請留意文字與背景之間的色彩對比度，特別是使用細體字型時。<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-text-and-graphics" target="target">瞭解更多色彩對比度資訊</a></li></ul></div><div data-component-type="text"><ul> <li>請留意文字對齊方式。左右對齊的文字包含間距變化，可能會影響可讀性。建議將文字靠左對齊，因為這在由左至右閱讀的語言中最容易閱讀。</li></ul></div><div data-component-type="text"><ul> <li>文字區塊和段落之間及周圍應包含空白，以確保易於閱讀和區分。</li></ul></div><div data-component-type="text"><ul> <li>每行字元數過多或過少都會影響可讀性。建議盡可能將行長保持在 50 到 120 個字元之間。</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回 <a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a>，繼續提升網站的無障礙程度。</div></div></div></div>

網站的 DOM 順序是螢幕助讀程式和 Tab 鍵在頁面上強調或「閱讀」內容的順序。該順序應遵循邏輯，以確保訪客在網站上獲得最佳體驗，並能順利瀏覽和享受內容。重要：本篇文章旨在說明如何優化在 Wix 編輯器和 Studio 編輯器中建立的網站 DOM 順序。如需了解 Wix Harmony 編輯器的 DOM 順序操作資訊，請點擊此處。網站上的 DOM 順序網站 DOM 是網站頁面上元件的載入和閱讀順...

無障礙：檢查並調整網站的 DOM 順序

了解如何優化您在Wix編輯器和Studio編輯器中建立的網站DOM順序，以提升訪客的瀏覽體驗。文章將指導您如何確保網站內容的邏輯順序，特別是對於使用螢幕助讀程式和Tab鍵的訪客，讓他們能夠順利地瀏覽網站。透過手動調整或使用無障礙精靈，您可以確保網站的可及性和易用性。

<div data-component-type="text"><div>網站的 DOM 順序是螢幕助讀程式和 Tab 鍵在頁面上強調或「閱讀」內容的順序。該順序應遵循邏輯，以確保訪客在網站上獲得最佳體驗，並能順利瀏覽和享受內容。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要：</div><div class="info-content"><div>本篇文章旨在說明如何優化在 Wix 編輯器和 Studio 編輯器中建立的網站 DOM 順序。如需了解 Wix Harmony 編輯器的 DOM 順序操作資訊，<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-harmony-editor-working-with-dom-order" target="target">請點擊此處</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" level="3">網站上的 DOM 順序</h2></div><div data-component-type="text"><div>網站 DOM 是網站頁面上元件的載入和閱讀順序。Wix 會根據元件的視覺順序自動設定 DOM 順序。在開發無障礙工具時，我們會使用以下螢幕助讀程式測試產品：</div></div><div data-component-type="text"><ul> <li>Windows + Firefox 或 Chrome：<strong>NVDA</strong>（免費閱讀器）</li>  <li>iOS + Safari：<strong>Voiceover</strong>（內建閱讀器）</li></ul></div><div data-component-type="text"><div>這代表我們在建立網站的自動 DOM 順序時，已將上述應用程式的功能納入考量。 </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">DOM 順序的重要性</h2></div><div data-component-type="text"><div>部分網站訪客可能會使用螢幕助讀程式和其他輔助技術來瀏覽網站。這些技術透過掃描網站內容並向訪客朗讀，來協助有視覺障礙或相關狀況的訪客。 </div></div><div data-component-type="text"><div>使用螢幕助讀程式的訪客以及受行動不便影響的訪客，可能會使用 Tab 鍵瀏覽網站內容。因此，網站 DOM 順序對於使用螢幕助讀程式或 Tab 鍵的訪客非常重要，因為他們需要能夠以邏輯順序瀏覽網站。</div></div><div data-component-type="text"><div>例如，網站選單應排在第一位，接著是頁首中的其餘元件，然後是頁面標題、頁面內容等。若 DOM 順序不正確，可能會導致螢幕助讀程式或 Tab 鍵略過或跳過頁面內容。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">想要測試網站的 DOM 順序嗎？</div><div class="info-content"><div>您可在網站的已上線版本使用鍵盤的 Tab 金鑰或螢幕助讀程式，測試 Wix 網站的自動 DOM 順序。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="auto-dom-in-the-accessibility-wizard" level="3">無障礙精靈中的自動 DOM</h2></div><div data-component-type="text"><div>在 Studio 編輯器中開啟無障礙精靈時，可能會看到自動整理 DOM 順序的選項。建議選擇此選項，以確保精靈的掃描和產生的任務正確無誤。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9d2cb57f-3b1a-4b86-99cd-567a0be9b9bd/5d38e95d-e1b9-464d-a319-b82a1ae68993.jpg" alt="編輯器中已開啟精靈面板。自動整理 DOM 的核取方塊已強調顯示。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">沒看到此核取方塊？</div><div class="info-content"><div>若符合以下情況，則不會出現整理網站 DOM 的選項： </div><ul> <li>網站是在 2024 年 11 月初之後建立。</li>  <li>先前已使用無障礙精靈整理過網站的 DOM。</li>  <li>已在網站上<a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-reorganizing-elements-by-dom-order#disabling-auto-dom" target="target">停用自動 DOM</a>。</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-dom-order-of-a-site" level="3">手動變更網站的 DOM 順序</h2></div><div data-component-type="text"><div>若發現網站的 DOM 順序不符合邏輯，可手動調整以確保提升訪客體驗。 </div></div><div data-component-type="text"><div>使用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-about-the-accessibility-wizard-5119725" target="target">無障礙精靈</a> 和圖層面板即可變更 Wix 編輯器網站的 DOM。若是在 Studio 編輯器中建立網站，則可透過網站的圖層和頁面面板調整順序。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要：</div><div class="info-content"><div>若網站的 Tab 鍵順序符合邏輯，則無需執行任何操作。在順序正確的情況下進行變更，可能會為使用螢幕助讀程式或 Tab 鍵的訪客帶來困擾。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">若要變更 DOM 順序：</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix 編輯器" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>由於 Wix 會自動為網站設定 DOM 順序，您必須在 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-about-the-accessibility-wizard-5119725" target="target">無障礙精靈</a> 中將其停用。接著即可視需求在網站的圖層面板中手動調整元件的 DOM 順序。</div></div><div data-component-type="heading"><h2 id="" level="4">若要手動整理 DOM 順序：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頂部的 <strong>設定</strong> 並選擇 <strong>無障礙精靈</strong>。</li>  <li>在右側精靈中選擇 <strong>掃描網站</strong>。</li>  <li>點擊 <strong>偵測到的問題</strong> 索引標籤。</li>  <li>選擇 <strong>網站層級</strong>。</li>  <li>點擊 <strong>整理 DOM 順序</strong>。</li>  <li>選擇 <strong>手動</strong>。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/0098eff9-aa4c-4861-8184-4e4783f158a2/098e6413-5b93-4610-b0f0-26860fd3fa9b.jpg" alt="精靈中的 DOM 設定。已選擇手動，且游標正點擊「套用」。" /></div></div><div data-component-type="text"><ol> <li>選擇編輯器左下角的<strong>圖層</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" />。</li> <li>檢查清單並刪除任何多餘的元件。這包括在網站上沒有用途且可能混淆螢幕助讀程式使用者的重複元件。</li> <li>將剩餘元件拖放至所需的順序。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/64994c54-ec97-4ba1-9fc5-08efa8b1497a/d6b6be84-44ee-4f47-b202-f125752cad10.jpg" alt="網站的圖層面板。正在將專業圖庫拖曳至另一個位置。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">後續步驟：</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-getting-started-with-the-mobile-editor" target="target">開啟行動版編輯器</a>並重複相同步驟。</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>根據網站需求或指令碼，您可停用 <a data-composite="true" href="https://support.wix.com/zh-hant/article/studio-editor-reorganizing-elements-by-dom-order" target="target">區段／容器、格線儲存格、元件堆疊或整個網站</a> 的自動 DOM。接著即可視需求手動調整順序。</div></div><div data-component-type="heading"><h2 id="" level="4">若要手動整理 DOM 順序：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>選擇要停用自動 DOM 的位置：
    <ul>
      <li><strong>整個網站：</strong>
        <ol>
          <li>點擊編輯器左上角的 <strong>Wix Studio</strong> 圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png" />。</li>          <li>點擊「<strong>工具</strong>」。</li>          <li>點擊「<strong>自動 DOM 順序</strong>」以取消選取。</li>          <li>點擊「<strong>關閉</strong>」進行確認。</li>        </ol>      </li>      <li><strong>區段、容器或格線儲存格：</strong>
        <ol>
          <li>右鍵點擊相關區段／容器／格線儲存格。</li>          <li>在右鍵選單中點擊「<strong>自動 DOM 順序</strong>」以取消選取。</li>        </ol>      </li>    </ul>  </li>  <li>點擊編輯器左側的「<strong>圖層</strong>」<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/14/a4e4317e-690e-4531-a095-054f0cf5ed9c/2294c57e-7ada-42be-aed2-2f8c81640beb.jpg" />。</li>  <li>選擇要整理的項目：
    <ul>
      <li><strong>區段／容器／格線儲存格／堆疊內的元件：</strong>
        <ol>
          <li>在面板中點擊相關父元件（例如：區段）以將其開啟。</li>          <li>將元件拖放至正確位置。</li>        </ol>      </li>      <li><strong>區段／容器／格線儲存格／堆疊：</strong>
        <ol>
          <li>將游標懸停在最上方的區段，然後點擊「<strong>更多操作</strong>」圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/05/df707d87-ce96-4e50-b540-485e1b543f16/064bb95e-aa36-462b-8be9-5b31f62f8034.png" />。</li>          <li>點擊「<strong>排列</strong>」。</li>          <li>點擊「<strong>移至最前層</strong>」。</li>          <li>對所有其他區段重複步驟 a-c，在面板中由上而下進行操作。</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/7502d6a2-1ecd-441a-b30c-5564c3681579/c26fb135-a70c-4f93-a200-04692e5a9373.jpg" alt="網站的圖層面板。游標正點擊將頂部區段移至最前方的選項。" /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">便箋：</div><div class="info-content"><ul> <li>僅使用 Tab 鍵瀏覽網站時，只能在互動式元件之間移動，無法瀏覽文字等靜態元件。若想在文字等靜態元件上測試螢幕助讀程式，請按照螢幕助讀程式說明中心關於如何使用鍵盤正確瀏覽網站的指示進行操作。</li> <li>釘選元件會自動放置在 Tab 鍵順序的末尾。若希望在序列中更早被選取，建議取消釘選該元件並將其放置在頁首。</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">後續操作</div><div class="info-content"><div>返回 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility" target="target">無障礙檢查清單</a> 以繼續優化網站的無障礙功能。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-dom" level="3">網站語言與 DOM</h2></div><div data-component-type="text"><div>不同語言有不同的閱讀方向（例如：英文由左至右閱讀，希伯來文由右至左閱讀）。若將網站語言更改為閱讀方向不同的語言，元件的視覺順序和 DOM 順序可能不再對齊。</div></div><div data-component-type="text"><div>建議在無障礙精靈中啟用自動 DOM 選項，以確保元件順序符合網站語言的閱讀方向。 </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要：</div><div class="info-content"><div>若網站同時包含由左至右和由右至左語言的內容，建議改為手動調整 DOM 順序。</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">若要在精靈中啟用自動 DOM：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-using-the-accessibility-wizard#scanning-a-site-with-the-accessibility-wizard" target="target">使用無障礙精靈掃描網站</a>。</li>  <li>點擊 <strong>偵測到的問題</strong> 索引標籤。</li>  <li>選擇 <strong>網站層級</strong>。</li>  <li>點擊 <strong>整理 DOM 順序</strong>。</li>  <li>選擇 <strong>自動（建議）</strong>。</li>  <li>點擊 <strong>套用</strong>。</li>  <li>（選填）檢查網站元件的視覺顯示，確保其對齊。</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">便箋：</div><div class="info-content"><ul> <li>此選項可能會變更元件的視覺顯示，因此建議檢閱變更以確保網站外觀符合預期。</li> <li>此功能不支援所有網站組件，您可能需要手動調整其閱讀方向。</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/11/fe4e25d2-2c0d-408f-819c-0a0d0fa13ab9/e84290f2-ef78-44c3-adeb-b53481e5b1d3.png" alt="精靈中的「整理 DOM 順序」下拉式選單已開啟。游標正點擊「自動」。" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">改變主意了？</div><div class="info-content"><div>您可從編輯器恢復自動 DOM 順序：</div><ul> <li><strong>Wix 編輯器：</strong> 點擊 <a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-editor-using-the-editor-menus#the-top-bar-menu" target="_blank">編輯器頂端列</a> 的 <strong>復原</strong> 圖示 <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXev3RlsXu8Ztn3REDYoVOB6OBPieQLKahXHelulLElTvP10koaO48cSHz1PjEB4VU68QxBN62iBqARvsG8b5JGMphtol2z9A24s6L7Lc0iehQRBliNj1Fx85UuYQhNey1Ti7ywtl4m6T_Fpe-i7bTMDRNXb?key=dRllTO6NEoYu0-D1JuBE8A" />。<br />
<strong>請留意：</strong> 此選項僅適用於最後一個操作為自動重新整理 DOM 的情況。</li>  <li><strong>Studio 編輯器：</strong> <a data-composite="true" href="https://support.wix.com/zh-hant/article/viewing-and-managing-your-site-history?tabs=Studio-Editor" target="target">從網站歷史紀錄</a>恢復先前的網站版本。</li></ul></div></div></div>

若網站中包含文件，建議改善其無障礙功能，確保所有訪客都能順利檢視並使用。請留意：由於 PDF 和 Word 文件並非 Wix 產品，您需要前往各自的平台或程式進行調整。 了解 PDF 檔案無障礙化方法  了解 Word 文件無障礙化方法後續步驟：返回 無障礙檢查清單 繼續優化網站的無障礙功能。

無障礙：讓文件檔案符合無障礙標準

改善網站的無障礙功能，確保所有訪客能順利檢視和使用網站中的文件。了解如何提升 PDF 和 Word 文件的無障礙性，並前往各自的平台進行調整。透過提供的資源，您可以學習如何讓這些文件更易於訪問，並可返回無障礙檢查清單進一步優化網站的無障礙功能。

<div data-component-type="text"><div>若網站中包含文件，建議改善其無障礙功能，確保所有訪客都能順利檢視並使用。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">請留意：</div><div class="info-content"><div>由於 PDF 和 Word 文件並非 Wix 產品，您需要前往各自的平台或程式進行調整。</div></div></div></div><div data-component-type="text"><ul> <li><a data-composite="true" href="https://helpx.adobe.com/acrobat/using/create-verify-pdf-accessibility.html" target="_blank">了解 PDF 檔案無障礙化方法</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/en-us/office/make-your-word-documents-accessible-to-people-with-disabilities-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=en-us&amp;rs=en-us&amp;ad=us" target="_blank">了解 Word 文件無障礙化方法</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回 <a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a> 繼續優化網站的無障礙功能。</div></div></div></div>

大多數網頁無障礙法規均基於網頁無障礙指南 (WCAG)中概述的國際規範。然而，不同地區之間可能存在差異，因此建議檢查您所在地區的要求。 合規性與 Wix 網站使用 Wix 建立網站時，我們會處理部分後端無障礙功能／設定，包括：  鍵盤操作性  為 Wix 元件定義 ARIA 屬性  焦點指示器  「略過並前往主要內容」連結我們的無障礙檢查清單概述了如何進一步調整並提高所新增內容和元件的無障礙程度。...

無障礙：遵守地區法律

了解如何確保您的 Wix 網站符合無障礙法規。本文介紹了 Wix 提供的後端無障礙功能，如鍵盤操作性和 ARIA 屬性，並提供無障礙檢查清單以進一步提升網站的可訪問性。請注意，合規性是法律事務，建議您諮詢當地法律顧問進行稽核，以確保遵守相關法規。如需協助或反饋，隨時聯絡我們。

<div data-component-type="text"><div>大多數網頁無障礙法規均基於<a data-composite="true" href="https://www.w3.org/TR/WCAG22/" target="target">網頁無障礙指南 (WCAG)</a>中概述的國際規範。然而，不同地區之間可能存在差異，因此建議檢查您所在地區的要求。 </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="compliance-and-your-wix-site" level="3">合規性與 Wix 網站</h2></div><div data-component-type="text"><div>使用 Wix 建立網站時，我們會處理部分後端無障礙功能／設定，包括： </div></div><div data-component-type="text"><ul> <li>鍵盤操作性</li>  <li>為 Wix 元件定義 ARIA 屬性</li>  <li>焦點指示器</li>  <li>「略過並前往主要內容」連結</li></ul></div><div data-component-type="text"><div>我們的<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility" target="target">無障礙檢查清單</a>概述了如何進一步調整並提高所新增內容和元件的無障礙程度。由於各地法律可能有所不同，此檢查清單中的步驟具有通用性，涵蓋了大多數地區的基礎資訊。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要事項</div><div class="info-content"><div>雖然我們一直致力於更新和改進產品，但無法保證使用我們的服務符合所有地區的無障礙法律和法規。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-audits" level="3">無障礙稽核</h2></div><div data-component-type="text"><div>合規性屬於法律事務。因此，完成檢查清單後，您需要請當地的法律無障礙顧問對網站進行稽核。</div></div><div data-component-type="text"><div>稽核可從法律層面確認是否符合規範，或提供您所在地區仍需完成的必要步驟。</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">重要事項：</div><div class="info-content"><div>身為網站負責人，您有責任檢閱並遵守適用於您或網站訪客的當地法規。</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">有任何疑問或回饋嗎？</div><div class="info-content"><div>若在完成所在地區要求的額外步驟時需要協助，或者想要分享回饋或請求其他無障礙工具，您可以<a data-composite="true" href="http://www.wix.com/contact" target="_blank">聯絡我們</a>。</div></div></div></div>

網站訪客可能有一種或多種影響視力、聽力或兩者兼具的情況。這進而會影響他們消費和理解媒體內容（例如影片、音軌）的方式。 因此，檢查網站媒體的無障礙功能並提供其他方式讓訪客存取內容至關重要。請參閱本文以瞭解更多驗證媒體無障礙功能的資訊以及建議的替代方案。Wix 從何處取得資訊？ 我們根據 全球資訊網協會 (W3C) 開發的 《網頁內容無障礙指南》(WCAG) 文件 提供建議。 本文係根據該文件的時變媒...

無障礙：讓影片和音訊符合無障礙標準

了解如何檢查和改善網站媒體的無障礙功能，以確保所有訪客都能輕鬆存取內容。本文提供使用無障礙精靈的步驟，幫助您驗證媒體檔案的無障礙標準，並建議為音訊和影片新增文字描述、語音描述及字幕，以提升網站的可及性。透過這些措施，您能夠更好地服務有視力或聽力障礙的訪客。

<div data-component-type="text"><div>網站訪客可能有一種或多種影響視力、聽力或兩者兼具的情況。這進而會影響他們消費和理解媒體內容（例如影片、音軌）的方式。 </div></div><div data-component-type="text"><div>因此，檢查網站媒體的無障礙功能並提供其他方式讓訪客存取內容至關重要。請參閱本文以瞭解更多驗證媒體無障礙功能的資訊以及建議的替代方案。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wix 從何處取得資訊？</div><div class="info-content"><ul> <li>我們根據 <a data-composite="true" href="https://www.w3.org/" target="_blank">全球資訊網協會 (W3C)</a> 開發的 <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">《網頁內容無障礙指南》(WCAG) 文件</a> 提供建議。</li> <li>本文係根據該文件的<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/time-based-media" target="_blank">時變媒體成功準則</a>編寫。</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="verifying-media-accessibility" level="3">驗證媒體無障礙功能</h2></div><div data-component-type="text"><div>您可使用<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-about-the-accessibility-wizard-5119725" target="target">無障礙精靈</a>來檢查並改善網站媒體的無障礙功能。精靈會為您定位這些元件，並根據媒體類型（例如純音訊、純影片等）提供有幫助的建議。 </div></div><div data-component-type="heading"><h2 id="" level="4">若要在無障礙精靈中驗證媒體：</h2></div><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>使用精靈掃描網站：
    <ul>
      <li><strong>Wix Editor：</strong>
        <ol>
          <li>點擊頂部的<strong>設定</strong>並選擇<strong>無障礙精靈</strong>。</li>          <li>點擊右側無障礙精靈面板中的<strong>掃描網站</strong>。</li>        </ol>      </li>      <li><strong>Studio Editor：</strong>
        <ol>
          <li>點擊編輯器左側的<strong>網站檢查器</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>。</li>          <li>選擇<strong>修復無障礙問題</strong>。</li>          <li>點擊<strong>掃描網站</strong>。</li>        </ol>      </li>    </ul>  </li>  <li>點擊<strong>偵測到的問題</strong>索引標籤。</li>  <li>在面板中選擇網站頁面下拉式選單。</li>  <li>點擊<strong>驗證媒體檔案是否符合無障礙標準</strong>。</li>  <li>點擊媒體檔案並從選項中選擇相關檔案類型：
    <ul>
      <li><strong>僅音訊：</strong> 檔案不含視覺元件，純粹為音訊（例如歌曲紀錄）。</li>      <li><strong>僅影片：</strong> 媒體僅含視覺內容，不含聲音（例如 GIF）。</li>      <li><strong>含音訊的影片：</strong> 媒體同時包含視覺和聽覺元件（例如影像部落格）。</li>      <li><strong>裝飾性影片或音訊檔案：</strong> 檔案不提供任何重要資訊，純粹為裝飾用途。</li>    </ul>  </li>  <li>檢查需求並根據需要更新元件。</li>  <li>完成後點擊精靈中的<strong>確認</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/08/05/53066051-c5a5-417e-85c7-cd8e48334046/d52387b1-7d5d-4420-8ad5-8c5de48d2b03.png" alt="Studio 編輯器網站的精靈中已開啟媒體任務。游標正在點擊裝飾性選項。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-descriptions" level="3">文字描述</h2></div><div data-component-type="text"><div>文字描述提供有關檔案內容的金鑰資訊。通常會新增至純影片和純音訊媒體，這對視力或聽力受損的訪客很有幫助。<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/media-alternative-prerecorded" target="_blank">瞭解更多媒體文字描述資訊</a>。</div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-video-without-sound" level="4">為無聲影片新增文字描述</h2></div><div data-component-type="text"><div>若網站包含沒有聲音的 GIF 或影片，視力受損的訪客可能無法存取這些內容。</div></div><div data-component-type="text"><div>建議為媒體單品新增文字描述，以描述正在發生的事件。螢幕助讀程式即可向使用者朗讀此文字，告知他們媒體檔案的內容。 </div></div><div data-component-type="text"><div>例如，此 GIF 的文字描述可為：太陽 GIF，上面閃爍著「New」字樣。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="太陽 GIF，上面帶有文字" /></div></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-audio-files" level="4">為音訊檔案新增文字描述</h2></div><div data-component-type="text"><div>純音訊檔案的文字描述應包含所有口頭通訊的逐字稿，以及任何其他關鍵聲音（例如音樂）的描述。這可確保聽障或重聽訪客能夠存取並享受檔案內容。</div></div><div data-component-type="text"><div>您可將內容寫入文件以建立逐字稿，並在音訊檔案上方或下方連結該文件。 </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="音訊播放器圖片。上方文字提示訪客點擊即可收聽。播放器下方的連結可導向逐字稿。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="audio-descriptions" level="3">語音描述</h2></div><div data-component-type="text"><div>語音描述是針對不發出聲音的視覺事件（例如動作、面部表情和燈光變化）所做的紀錄描述。例如，天氣預報可能包含語音描述：「氣象學家正指向國家的西北部」。</div></div><div data-component-type="text"><div>這對於依賴音訊來存取和理解媒體內容的訪客至關重要，因此建議為有聲和無聲影片新增語音描述。</div></div><div data-component-type="text"><div>若影片包含聲音，語音描述應置於對話與任何其他音訊之間，以確保受眾能清楚聽到所有內容。您可在影片本身新增語音描述，或透過新增額外音軌的方式進行。<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-description-prerecorded" target="_blank">瞭解更多語音描述資訊</a>。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="video-captions" level="3">影片字幕</h2></div><div data-component-type="text"><div>影片圖片標題是讓聽力或認知受損受眾存取內容的重要部分。建議為所有影片內容（無論是預錄還是即時串流）新增圖片標題。</div></div><div data-component-type="heading"><h2 id="adding-closed-captions-to-pre-recorded-videos" level="4">為預錄影片新增隱藏式字幕</h2></div><div data-component-type="text"><div>已關閉圖片標題不僅是子標題。與文字描述一樣，它們也包含非對話的聲音。例如，下方影片畫面截圖中的已關閉圖片標題包含背景音樂。<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded" target="_blank">瞭解更多預錄影片圖片標題資訊</a>。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="影片播放器顯示靜態圖片的圖片，包含圖片標題：" /></div></div><div data-component-type="text"><div>大多數影片寄存網站（例如 YouTube）都具有已關閉圖片標題功能，允許觀眾在檢視影片時開啟圖片標題。若上傳自己的影片，則可使用 Amara 等外部影片編輯軟體新增圖片標題。<a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="_blank">檢視更多已關閉圖片標題軟體選項</a>。</div></div><div data-component-type="heading"><h2 id="adding-captions-to-live-streamed-events" level="4">為即時串流活動新增圖片標題</h2></div><div data-component-type="text"><div>為即時影片摘要新增圖片標題，可讓聽力受損的訪客更容易參與活動。為網站上串流的即時事件新增圖片標題有兩種方法：透過指令碼或即時圖片標題。<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/captions-live" target="_blank">瞭解更多即時影片圖片標題資訊</a>。</div></div><div data-component-type="text"><ul> <li><strong>腳本：</strong>表演者、主持人或主講人根據預先確定的腳本進行。接著將此腳本內嵌至即時串流中。此方法常用於戲劇等活動。</li>  <li><strong>即時：</strong>由人員或軟體程式將圖片標題即時新增至活動串流。此方法用於使用極簡腳本或無腳本的活動，例如即時 Podcast 錄製和頒獎典禮。</li></ul></div><div data-component-type="text"><div>某些瀏覽器（例如 <a data-composite="true" href="https://blog.google/products/chrome/live-caption-chrome/" target="_blank">Chrome</a>）允許訪客從其裝置啟用即時圖片標題。然而，若想從 <a data-composite="true" href="https://support.google.com/youtube/answer/3068031?hl=en#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a> 串流活動，則需要將圖片標題內嵌至影片中，或透過可經由 HTTP POST 寄送圖片標題的軟體（例如 <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a>）寄送。 </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">提示：</div><div class="info-content"><div>建議盡可能提供多種語言的圖片標題，因為這對於可能不會說影片中所用語言的觀眾也很有幫助。</div></div></div></div>

患有視覺疾病或障礙的訪客可能難以區分網站頁面前景與背景。因此，建議根據需要檢查並調整網站的色彩對比度。建議若要為具有不同視覺需求的訪客提高無障礙程度，建議執行以下操作：將文字色彩與背景色彩對比度更改為：一般文字比例 4.5:1，大型文字比例 3:1。圖形和使用者介面組件（例如表單輸入邊框、預留位置等）的對比度比例至少為 3:1。AAA 級要求更高的對比度比例：一般文字至少 7:1，大型文字至少 4...

無障礙：準備文字和圖形

了解如何調整網站的色彩對比度，以提升視覺障礙訪客的無障礙體驗。本文提供具體建議，包括文字與背景的對比比例，以及如何使用Wix編輯器中的無障礙精靈來檢查和改善色彩對比度。透過這些步驟，您能夠確保網站內容對所有訪客都更易於閱讀和理解。

視障訪客可能會使用螢幕助讀程式等輔助技術瀏覽網站。請透過替代文字（alt text）為圖片和圖庫新增描述，讓這些訪客也能順利存取內容。替代文字提供網站媒體相關資訊，並協助搜尋引擎和螢幕助讀程式「閱讀」這些內容。Wix 從何處取得資訊？ 我們根據 World Wide Web Consortium (W3C) 開發的 Web Content Accessibility Guidelines (WCA...

無障礙：準備圖片和圖庫

画像に代替テキストを追加して、視覚障害者がウェブサイトのコンテンツにアクセスできるようにしましょう。このガイドでは、代替テキストの重要性、書き方のポイント、Wixエディタでの追加方法、AIを使った生成方法、装飾用画像の扱いについて説明しています。これにより、あなたのサイトのアクセシビリティを向上させ、検索エンジン最適化（SEO）にも役立てることができます。

網站階層（即其結構）可協助網頁瀏覽器和螢幕助讀程式了解應如何整理網站內容。您可為網站文字新增 HTML 標籤，以標示其在網站順序中的地點，並為訪客提供清晰的體驗。 溫馨提示：網頁內容是根據網站頁面的 DOM 順序進行「閱讀」。您可以檢查此順序，並在需要時進行調整。瞭解更多關於整理網站順序的資訊。準備文字建議準備網站文字時，建議留意以下指南： 為文字使用 HTML 標籤：每個頁面都應有一個 H1 標...

無障礙：準備網站結構

學習如何為網站文字新增 HTML 標籤，以建立清晰的內容結構，幫助瀏覽器和螢幕助讀程式更好地理解您的網站。這篇文章提供準備文字的建議，並指導您如何在 Wix 編輯器、Studio 編輯器和無障礙精靈中添加標籤，從而提升網站的可訪問性和用戶體驗。

<div data-component-type="text"><div>網站階層（即其結構）可協助網頁瀏覽器和螢幕助讀程式了解應如何整理網站內容。您可為網站文字新增 <a data-composite="true" href="https://support.wix.com/zh-hant/article/managing-your-pages-heading-tags" target="target">HTML 標籤</a>，以標示其在網站順序中的地點，並為訪客提供清晰的體驗。 </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">溫馨提示：</div><div class="info-content"><div>網頁內容是根據網站頁面的 DOM 順序進行「閱讀」。您可以檢查此順序，並在需要時進行調整。<a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-checking-and-adjusting-a-sites-dom-order" target="_blank">瞭解更多關於整理網站順序的資訊</a>。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" level="3">準備文字建議</h2></div><div data-component-type="text"><div>準備網站文字時，建議留意以下指南：</div></div><div data-component-type="text"><ul> <li><strong>為文字使用 HTML 標籤：</strong>每個頁面都應有一個 H1 標題，隨後每個頁面上的 HTML 標籤應具備順序性。例如，若頁面上的主標題是 H1 標籤，則子標題應為 H2，依此類推。這可讓視障訪客以邏輯順序切換閱讀內容。</li>  <li><strong>標題應具備描述性</strong>：將標題視為下方文字的標籤（這對 SEO 也很重要）。</li>  <li><strong>間距非常重要：</strong>編輯文字時，若想將標題分成多行，請使用 <strong>Shift + Enter</strong> 鍵插入換行符號，而非使用會於每行建立新標題元件的 <strong>Enter</strong> 鍵。</li>  <li><strong>將標題新增至頁面主體：</strong>新增至網站頁首的 H1 將顯現於所有顯示頁首的頁面。因此，建議將標題新增至頁面主體。<br />
<strong>提示：</strong>若為沒有其他頁面的單頁網站，則可忽略此建議。</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-your-editor" level="3">從編輯器新增文字 HTML 標籤</h2></div><div data-component-type="text"><div>為網站文字新增 HTML 標籤以界定其階層。若使用 Wix 編輯器建立網站，可從文字設定中選擇標籤。若使用 Studio 編輯器，則可在檢驗器面板中找到該選項。此選項也提供於 Wix Harmony 編輯器文字的設計選項中。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio 編輯器</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li>在編輯器中選擇相關文字。</li>  <li>選擇 <strong>編輯文字</strong>。</li>  <li>選擇 <strong>SEO 與無障礙</strong>。</li>  <li>從下拉選單中選擇 HTML 標籤。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="文字設定面板的設計索引標籤已開啟。游標正點擊 HTML 標籤下拉式選單。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li>在編輯器中選擇相關文字。</li>  <li>點擊編輯器右上角的 <strong>開啟檢驗器</strong> 圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />。<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/14/dd81bf04-8e02-4bcb-a60d-53420e223ab8/312b0d94-771d-4beb-80b2-93da462fe8cf.png" alt="A cropped view showing the cursor clicking to open the Inspector panel in the Studio Editor." /></li>  <li>點擊 <strong>設計</strong> 索引標籤 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />。</li>  <li>從下拉選單中選擇 HTML 標籤。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="檢驗器面板的設計索引標籤已開啟。游標正點擊 HTML 標籤下拉式選單。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>選擇相關文字元件。</li>  <li>點擊操作列上的 <strong>所有設計選項</strong> 圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" />。</li>  <li>點擊 <strong>SEO 與無障礙</strong>。</li>  <li>從下拉選單中選擇 HTML 標籤。</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text-from-the-accessibility-wizard" level="3">從無障礙精靈為文字新增 HTML 標籤</h2></div><div data-component-type="text"><div>使用無障礙精靈掃描網站，即可尋找並調整文字元件上的標籤。精靈適用於所有網站架設工具，因此您可改善任何正在處理的網站無障礙體驗。</div></div><div data-component-type="text"><div>大多數文字皆可直接在精靈中進行變更。然而，部分文字元件（例如應用程式文字）目前尚未與精靈完全整合，可能需要手動調整。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Wix Studio 編輯器" class="tab-heading heading-1">Studio 編輯器</div><div data-slug="Wix-Harmony-Editor-2" class="tab-heading heading-2">Wix Harmony 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頂部的<strong>「設定」</strong>。</li>  <li>選擇<strong>「無障礙精靈」</strong>。</li>  <li>選擇<strong>「掃描網站」</strong>。</li>  <li>點擊<strong>「偵測到的問題」</strong>索引標籤。</li>  <li>選擇相關頁面。</li>  <li>點擊<strong>「整理標題結構」</strong>。</li>  <li>選擇相關文字元件。</li>  <li>根據精靈是否支援該文字，請追蹤以下其中一種方法：</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">在精靈中選擇標籤</h4><div class="collapsible-content"><div>透過無障礙精靈快速變更文字標籤：</div><ol> <li>點擊 <strong>標題標籤</strong> 下拉選單。</li>  <li>從下拉選單中選擇相關標籤。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">手動調整標籤</h4><div class="collapsible-content"><div>若無障礙精靈不支援該文字，您可從編輯器的設定面板手動整理其結構：</div><ol> <li>點擊編輯器中的文字元件。</li>  <li>點擊 <strong>設定</strong> 圖示 <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiaikwc2ET8xMVO6RMGJbo5rgoSe2UByR7ecqRL1OEWUe1bWE1r2hpylmFEX1ivDNoPv0A78_yb6oo_ahppvM0QZF8ahKqb9q3rtedNLd2eCENyjQjt6qhUSLQshI_PtXAEPzmw2u6YIE6UGVA7CtdrZs?key=dRllTO6NEoYu0-D1JuBE8A" />。</li>  <li>前往 <strong>SEO 與無障礙</strong>。</li>  <li>點擊 <strong>變更標題標籤</strong> 下拉選單並選擇新標籤。</li>  <li>儲存網站。</li>  <li>點擊無障礙精靈中的 <strong>重新掃描</strong> 即可查看變更結果。</li></ol></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/06/03/f2fa2094-ee0d-4619-8cf2-5c301e2df718/7c39a67b-b080-4615-b25d-f6ec97418db7.jpg" alt="已為文字元件選擇新的標題標籤。游標正點擊「套用」。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li>點擊編輯器左側的<strong>「網站檢查器」</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>。</li>  <li>選擇<strong>「修復」</strong><strong>「無障礙問題」</strong>。</li>  <li>點擊<strong>「掃描網站」</strong>。</li>  <li>點擊<strong>「偵測到的問題」</strong>索引標籤。</li>  <li>選擇相關頁面。</li>  <li>點擊<strong>「整理標題結構」</strong>。</li>  <li>選擇相關文字元件。</li>  <li>根據精靈是否支援該文字，請追蹤以下其中一種方法：</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">在精靈中選擇標籤</h4><div class="collapsible-content"><div>透過無障礙精靈快速變更文字標籤：</div><ol> <li>點擊 <strong>標題標籤</strong> 下拉選單。</li>  <li>從下拉選單中選擇相關標籤。</li>  <li>點擊 <strong>套用</strong>。</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/14/e1bda61c-dd11-44c9-948e-72311ce65f6f/d70ebf2f-faa6-4e7b-9946-b2db08d80980.png" alt="A tag has been selected for a text element in the Wizard. The cursor is clicking Apply." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">手動調整標籤</h4><div class="collapsible-content"><div>若無障礙精靈不支援該文字元件，請在編輯器中整理其結構。根據元件不同，您可從檢驗器面板或元件設定中變更此選項：</div><ul> <li><strong>檢驗器面板：</strong>
    <ol>
      <li>點擊文字。</li>      <li>點擊編輯器右上角的<strong>「開啟檢驗器」</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> 。<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/04/30/f8aec80d-8cb5-4a27-b08a-b5cd0a433670/8dc420cf-7486-42bb-b9bb-962eac7046b5.png" alt="The Open Inspector icon is highlighted and being clicked by the cursor." /></li>      <li>前往<strong>「HTML 標籤設定」</strong>。</li>      <li>點擊<strong>「HTML 標籤」</strong>下拉式選單並選擇新標籤。</li>      <li>儲存網站。</li>      <li>點擊無障礙精靈中的<strong>「重新掃描」</strong>即可查看反映的變更。</li>    </ol>  </li>  <li><strong>設定面板：</strong>
    <ol>
      <li>點擊文字元件。</li>      <li>點擊<strong>「設定」</strong>（或<strong>「設定」</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/06/14/6e4cf309-27f4-4f22-adf4-8a087130bbda/7e5f593f-189e-49db-b4a6-b3fb6169a778.png" /> ）。</li>      <li>前往<strong>「SEO 與無障礙」</strong>。</li>      <li>點擊<strong>「變更標題標籤」</strong>下拉式選單並選擇新標籤。</li>      <li>儲存網站。</li>      <li>點擊無障礙精靈中的<strong>「重新掃描」</strong>即可查看反映的變更。</li>    </ol>  </li></ul></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左上角的網站名稱。</li>  <li>向下捲動至「無障礙」並點擊<strong>「修復問題」</strong>。</li>  <li>點擊<strong>「掃描網站」</strong>。</li>  <li>點擊想要處理的頁面。</li>  <li>點擊<strong>「整理標題結構」</strong>。</li>  <li>點擊相關文字元件旁的<strong>「編輯」</strong>圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/11/13/b23a64a4-9948-4313-994b-78f2420a3d8b/2461bd2e-7503-4e85-8be6-e44480e24e4f.png" /><strong> </strong>。</li>  <li>根據精靈是否支援該文字，請追蹤以下其中一種方法：</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">在精靈中選擇標籤</h4><div class="collapsible-content"><div>透過無障礙精靈快速變更文字標籤：</div><ol> <li>點擊 <strong>選擇標題</strong> 下拉選單。</li>  <li>從下拉選單中選擇相關標籤。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">手動調整標籤</h4><div class="collapsible-content"><div>若無障礙精靈不支援該文字，請從編輯器手動整理其結構。對於大多數文字元件，您可從設計選項中變更標題標籤。對於屬於應用程式（如 Wix 商店、Wix Forms 等）一部分的文字元件，您可從設定中變更標籤：</div><ul> <li><strong>一般文字：</strong>
    <ol>
      <li>點擊編輯器中的文字元件。</li>      <li>點擊操作列上的「<strong>所有設計選項</strong>」圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/feb7aa40-8c59-435a-9b2b-11fe0c816464/0b77a35e-45a0-40bb-b2b4-89aef75f5ceb.png" alt="undefined" />。</li>      <li>點擊「<strong>SEO 與無障礙</strong>」。</li>      <li>從下拉式選單中選擇 HTML 標籤。</li>      <li>點擊「<strong>套用</strong>」。</li>      <li>點擊無障礙精靈中的「<strong>重新掃描</strong>」即可查看變更。</li>    </ol>  </li>  <li><strong>應用程式文字：</strong>
    <ol>
      <li>點擊編輯器中的應用程式小工具。</li>      <li>點擊操作列上的「<strong>設定</strong>」圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/09/21/e59ca9ff-f6d2-4300-aa36-6e4be4c3705a/f976a779-4e8a-4176-af07-d0a1d26cb68a.png" />。</li>      <li>點擊「<strong>設計</strong>」索引標籤。</li>      <li>選擇相關的文字元件。</li>      <li>點擊「<strong>SEO 與無障礙</strong>」。</li>      <li>從下拉式選單中選擇 HTML 標籤。</li>      <li>點擊「<strong>套用</strong>」。</li>      <li>點擊無障礙精靈中的「<strong>重新掃描</strong>」即可查看變更。</li>    </ol>  </li></ul></div></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回 <a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a> 以繼續改善網站無障礙功能。</div></div></div></div>

網站上的動畫、移動和自動播放內容可能會影響患有認知或神經系統疾病（例如：癲癇、動暈症等）訪客以及使用輔助技術訪客的體驗。 因此，建議盡可能減少整個網站的動畫。您可透過兩種主要方式將動畫降至最低：避免捲動效果，以及避免／限制自動播放。Wix 從何處取得資訊？系統根據 全球資訊網協會 (W3C) 制定的 《網頁內容無障礙指南》(WCAG) 文件 提供相關建議。 網站捲動效果捲動效果通常套用於頁面、區段...

無障礙：減少動態效果

了解如何減少網站上的動畫和自動播放內容，以提升訪客的無障礙體驗。文章建議避免捲動效果和限制自動播放，特別是針對有認知或神經系統疾病的訪客。您將學會如何透過系統設定和瀏覽器選項來減少這些效果，並獲得改善網站無障礙性的具體指導。

<div data-component-type="text"><div>網站上的動畫、移動和自動播放內容可能會影響患有認知或神經系統疾病（例如：癲癇、動暈症等）訪客以及使用輔助技術訪客的體驗。 </div></div><div data-component-type="text"><div>因此，建議盡可能減少整個網站的動畫。您可透過兩種主要方式將動畫降至最低：避免捲動效果，以及避免／限制自動播放。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wix 從何處取得資訊？</div><div class="info-content"><div>系統根據 <a data-composite="true" href="https://www.w3.org/" target="_blank">全球資訊網協會 (W3C)</a> 制定的 <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">《網頁內容無障礙指南》(WCAG) 文件</a> 提供相關建議。 </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-effects-on-a-site" level="3">網站捲動效果</h2></div><div data-component-type="text"><div>捲動效果通常套用於頁面、區段和容器背景。由於這些效果會導致背景和前景（附加的元件）以不同的價格或方向移動，可能會為患有前庭或注意力障礙的訪客帶來問題。</div></div><div data-component-type="text"><div>建議僅在這些效果對於網站功能或傳達資訊至關重要時才新增。 <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html" target="_blank">閱讀 WCAG 關於互動動畫的指南</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="autoplay-on-a-site" level="3">網站自動播放</h2></div><div data-component-type="text"><div>某些影片和音訊播放器可能會設定為在頁面載入時自動播放。然而，這可能會導致訪客困惑和分心。例如，自動啟動的音訊播放器可能會覆寫螢幕助讀程式或與其「同時發聲」。 </div></div><div data-component-type="text"><div>建議盡可能限制網站上的自動播放功能。然而，若有視覺或音訊內容，您可使用以下指南來提升其無障礙體驗：</div></div><div data-component-type="text"><ul> <li><strong>影片／視覺內容：</strong>針對符合以下條件的影片／視覺內容<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html" target="_blank">新增停止、暫停或隱藏功能</a>：
    <ul>
      <li>自動播放</li>      <li>與其他頁面內容並列顯示</li>      <li>長度超過 5 秒</li>    </ul>  </li>  <li><strong>音訊內容：</strong>針對符合以下條件的音訊內容<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/audio-control.html" target="_blank">新增靜音／獨立音量調整選項</a>：
    <ul>
      <li>自動播放</li>      <li>長度超過 3 秒</li>    </ul>  </li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-site-visitors-can-reduce-motion" level="3">網站訪客如何減少動畫</h2></div><div data-component-type="text"><div>若決定在網站上使用動畫或自動播放內容，訪客可透過其裝置的作業系統和瀏覽器停用這些選項： </div></div><div data-component-type="text"><ul> <li><strong>捲動／動畫效果：</strong> 訪客可從系統設定中關閉動畫：
    <ul>
      <li><strong>Windows 11：</strong><a data-composite="true" href="https://support.microsoft.com/en-us/windows/make-it-easier-to-focus-on-tasks-0d259fd9-e9d0-702c-c027-007f0e78eaf2#WindowsVersion=Windows_11" target="_blank">動畫效果</a></li>      <li><strong>Mac：</strong> <a data-composite="true" href="https://support.apple.com/en-ie/guide/mac-help/mchlc03f57a1/mac" target="_blank">減少動態／自動播放動畫圖片</a></li>    </ul>  </li>  <li><strong>影片／音訊內容：</strong>訪客可從瀏覽器中防止網站上的音訊／影片內容自動播放：
    <ul>
      <li><strong>Google Chrome：</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">聲音設定</a></li>      <li><strong>Microsoft Edge：</strong> <a data-composite="true" href="https://www.microsoft.com/en-us/edge/learning-center/manage-autoplay?form=MA13I2" target="_blank">媒體自動播放</a></li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回 <a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a>，繼續提升網站的無障礙程度。</div></div></div></div>

使用無障礙精靈識別並修復 Wix 網站上的無障礙問題。此工具會掃描網站，並顯示 2 個系統會提示您完成的索引標籤：  偵測到的問題：精靈在網站上偵測到的問題。  手動任務：精靈可能無法偵測到的其他網站設定／內容。建議追蹤並完成所有任務，確保網站對每個人都更加無障礙。重要事項：雖然 Wix 始終致力於改進產品和服務，但我們無法保證網站一定符合所在地區的無障礙法律和法規。建議諮詢無障礙專家，確保網站符...

無障礙：使用無障礙精靈

為了讓輔助技術能正確解讀網站，建議根據需求設定並管理網站語言。Wix 從何處取得資訊？ 我們根據 全球資訊網協會 (W3C) 制定的 《網頁內容無障礙指南》(WCAG) 文件 提供相關建議。 本文內容以「頁面語言」成功準則 (3.1.1) 為依據。網站語言與無障礙部分網站訪客在瀏覽網路時會使用輔助技術和設定（例如螢幕助讀程式和即時字幕）。設定網站的主要語言可為這些技術提供準確呈現內容所需的資訊。 ...

無障礙：設定並管理網站語言

設定和管理網站語言對於提升無障礙性至關重要。了解如何正確設置網站的主要語言，以便輔助技術能準確解讀內容，從而改善訪客的瀏覽體驗。本文提供了檢查和變更單一語言網站語言的步驟，以及在多語系網站中使用語言選單的建議，幫助您確保網站的可訪問性。

<div data-component-type="text"><div>為了讓輔助技術能正確解讀網站，建議根據需求設定並管理網站語言。</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wix 從何處取得資訊？</div><div class="info-content"><ul> <li>我們根據 <a data-composite="true" href="https://www.w3.org/" target="_blank">全球資訊網協會 (W3C)</a> 制定的 <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">《網頁內容無障礙指南》(WCAG) 文件</a> 提供相關建議。</li> <li>本文內容以<a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/language-of-page" target="_blank">「頁面語言」成功準則 (3.1.1)</a> 為依據。</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-accessibility" level="3">網站語言與無障礙</h2></div><div data-component-type="text"><div>部分網站訪客在瀏覽網路時會使用輔助技術和設定（例如螢幕助讀程式和即時字幕）。設定網站的主要語言可為這些技術提供準確呈現內容所需的資訊。 </div></div><div data-component-type="text"><div>設定的語言：</div></div><div data-component-type="text"><ul> <li>指示文字中使用的腳本／字元</li>  <li>決定文字內容的朗讀方式（即發音、口音、音調和說話速度）</li>  <li>告知裝置／瀏覽器產生圖片標題時應使用的語言</li></ul></div><div data-component-type="text"><div>若網站語言設定錯誤，可能會對使用這些技術的訪客造成困擾（例如：螢幕助讀程式可能會使用不同的口音，或發音不正確）。因此，正確設定並管理網站語言對於為訪客提供最準確的體驗至關重要。</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-setting-the-language-of-a-single-language-site" level="3">檢查並設定單一語言網站的語言</h2></div><div data-component-type="text"><div>若為單一語言網站，可從網站管理介面檢查語言，並在需要時進行變更。 </div></div><div data-component-type="heading"><h2 id="" level="4">檢查／設定網站語言：</h2></div><div data-component-type="text"><ol> <li>前往網站管理介面中的 <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Manage%20Settings&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">設定</a>。</li>  <li>點擊 <strong>語言和地區</strong>。</li>  <li>點擊 <strong>網站語言</strong> 下拉式選單並設定網站語言。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/99395f49-2d43-42ef-94be-133521c70c58/91dfc908-6141-4db2-a680-b9260243b9da.jpg" alt="網站的語言和地區索引標籤。網站語言選單已開啟，游標正點擊 English。" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-a-sites-language-in-the-accessibility-wizard" level="3">在無障礙精靈中變更網站語言</h2></div><div data-component-type="text"><div>系統可能會在網站建置工具的無障礙精靈中提示您變更單一語言網站的語言。即使先前已設定語言，仍可使用精靈中的工作進行檢查與更新。 </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio 編輯器</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊頂部的 <strong>設定 </strong>並選擇 <strong>無障礙精靈</strong>。 </li>  <li>點擊右側精靈中的 <strong>掃描網站</strong>。 </li>  <li>選擇 <strong>Detected issues</strong> 索引標籤。</li>  <li>開啟 <strong>Site level</strong> 下拉式選單。</li>  <li>點擊 <strong>Set main site language</strong>。</li>  <li>點擊 <strong>Main site language</strong> 旁的 <strong>編輯</strong>。</li>  <li>從下拉式選單中選擇相關語言。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/0688ecea-df8c-43b7-b556-a73940b08269/73243628-728f-425f-abf1-9eb468b68074.jpg" alt="Wix 編輯器精靈中單一語言網站的網站語言設定。已選擇 English。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左側的 <strong>Site Checker</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>。</li>  <li>選擇 <strong>Fix Accessibility Issues</strong>。 </li>  <li>點擊 <strong>Scan Site</strong>。 </li>  <li>選擇 <strong>Detected issues</strong> 索引標籤。</li>  <li>開啟 <strong>Site level</strong> 下拉式選單。</li>  <li>點擊 <strong>Set main site language</strong>。</li>  <li>點擊 <strong>Main site language</strong> 旁的 <strong>編輯</strong>。</li>  <li>從下拉式選單中選擇相關語言。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/03/21/5b486f80-0afb-49fa-aebc-79e162470db5/b1449de8-fa0d-4612-9cde-34a5cb99413b.jpg" alt="Studio 編輯器精靈中單一語言網站的網站語言設定。已選擇 English。" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>點擊編輯器左上角的網站名稱。</li>  <li>向下捲動至 <strong>無障礙</strong> 並點擊 <strong>Fix Issues</strong>。</li>  <li>點擊 <strong>掃描網站</strong>。</li>  <li>開啟 <strong>Site level</strong> 下拉式選單。</li>  <li>點擊 <strong>原始語言</strong> 旁的 <strong>編輯</strong>。</li>  <li>從下拉式選單中選擇相關語言。</li>  <li>點擊 <strong>套用</strong>。</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-languages-on-a-multilingual-site" level="3">在多語系網站中使用語言</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-multilingual-an-overview" target="target">多語系網站</a>通常包含語言選單，方便訪客切換語言。這些選單中的國旗圖示會自動指派反映對應語言的替代文字。</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/658394b5-1087-472b-bf91-c33f9616fe5b/abbee5da-70fa-467a-b9c7-69e9267ad8fe.png" alt="多語系網站上的語言選單。畫面顯示主控台摘錄，將英文顯示為替代文字。" /></div></div><div data-component-type="text"><div>由於螢幕助讀程式會同時閱讀固定文字和 <a data-composite="true" href="https://support.wix.com/zh-hant/article/accessibility-preparing-your-images-and-galleries" target="target">替代文字</a>，包含文字和圖示的選單可能會導致螢幕助讀程式重複朗讀語言名稱。因此，建議在網站編輯器中將選單設定為僅顯示文字或圖示。</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor-0" class="tab-heading heading-0">Wix 編輯器</div><div data-slug="Studio-Editor-1" class="tab-heading heading-1">Studio 編輯器</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>選擇語言選單。</li>  <li>點擊 <strong>版面配置</strong> 圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2018/06/20/4fa6a5d1-d55f-4b0c-bd9f-24697271fc81.png" />。</li>  <li>選擇要在選單上顯示的內容：
    <ul>
      <li><strong>國旗：</strong> 
        <ol>
          <li>開啟 <strong>顯示國旗</strong> 開關。</li>          <li>在 <strong>顯示</strong> 下方選擇 <strong>僅限國旗</strong>。</li>        </ol>      </li>      <li><strong>語言名稱：</strong>
        <ol>
          <li>關閉 <strong>顯示國旗</strong> 開關。</li>          <li>在 <strong>顯示</strong> 下方選擇 <strong>全名</strong> 或 <strong>縮寫</strong>。</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/22/fe978d8f-9e8c-40cc-8bf0-4f96058b7f8e/f606f948-ab8e-459d-bed6-cf98566560f5.jpg" alt="Wix 編輯器中語言選單的選單版面配置面板。游標正點擊「僅限標記」選項。" /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-multilingual-customizing-the-wix-multilingual-language-menu-on-your-site?tabs=Wix-Editor-0" target="target">深入了解如何變更語言選單的版面配置</a></div></div></div><div class="tab-content"><div data-component-type="text"><ol> <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">前往編輯器</a>。</li>  <li>選擇語言選單。</li>  <li>點擊 <strong>版面配置</strong> 圖示 <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/cd35cb5a-d719-4418-8c89-ad0b33312491/bad0640a-6114-4280-972d-1a705ccb03b5.png" />。</li>  <li>選擇要在選單上顯示的內容：
    <ul>
      <li><strong>國旗：</strong> 
        <ol>
          <li>開啟 <strong>顯示國旗</strong> 開關。</li>          <li>在 <strong>顯示</strong> 下方選擇 <strong>僅限國旗</strong>。 </li>        </ol>      </li>      <li><strong>語言名稱：</strong>
        <ol>
          <li>關閉 <strong>顯示國旗</strong> 開關。</li>          <li>在 <strong>顯示</strong> 下方選擇 <strong>全名</strong> 或 <strong>縮寫</strong>。</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/56175416-6dff-498b-8b2c-15c814c1bc2b/a4fe698b-f126-4331-b24d-4f62a1071858.jpg" alt="Studio 編輯器中語言選單的選單版面配置面板。游標正點擊「全名」選項。" /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-multilingual-customizing-the-wix-multilingual-language-menu-on-your-site?tabs=Wix-Editor-0" target="target">深入了解如何變更語言選單的版面配置</a></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">後續步驟：</div><div class="info-content"><div>返回<a href="https://support.wix.com/zh-hant/article/accessibility-checklist-for-improving-your-sites-accessibility">無障礙檢查清單</a>，繼續提升網站的無障礙功能。</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">常見問題</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">我手動為網站新增了不同語言。應該將哪種語言設為主要語言？</h4><div class="collapsible-content"><div>若網站包含多種語言內容，且<strong>未</strong>安裝 Wix Multilingual，請將主要語言設定為最常使用的語言。</div><div><br /></div><div>若網站中各語言的使用比例相同，建議選擇最初建立網站時使用的語言。</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">若已安裝 Multilingual，是否可以更改網站的主要語言？</h4><div class="collapsible-content"><div>若已在網站中新增 Wix Multilingual，則<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-multilingual-adding-and-setting-up-wix-multilingual" target="target">在設定期間</a>選擇的主要語言將無法更改。<a data-composite="true" href="https://support.wix.com/zh-hant/article/wix-multilingual-request-choosing-the-default-language-for-site-visitors-8711193" target="target">為此功能投票</a>。</div></div></div></div>

如何開始

選擇範本

雇用專業人士建立網站

以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員，樹立網上形象。

開始使用 Wix

了解如何以 Wix 建立網站和商家。

Wix 編輯器入門

使用編輯器工具

網站版面配置

帶狀區和欄

界定網站結構

設計網站

頁面

選單

管理頁面和選單

文字

按鈕

容器和方塊

投影片

形狀和線條

新增和自訂元件

圖片

圖庫

影片

文件和檔案

新增檔案和媒體

如何處理元件

效果與動畫

分享並推廣網站

新增進階元件

行動版工具

行動版頁面

行動版背景

行動版網站版面

行動版網站選單

行動版文字

行動版媒體

其他行動版元件

行動版網站疑難排解

建立行動版網站

編輯器網站疑難排解

使用 Wix 編輯器

如何使用管理介面

管理網站

管理身分與權限

AI 工具入門

以 AI 建立並管理網站

以 AI 設立商家

AI 工具

開始使用編輯器

建構網站架構

新增並自訂元件

新增動畫與效果

建立網站品牌

網站疑難排解

使用 Wix Harmony 編輯器

媒體管理員入門

上傳媒體

購買媒體

管理媒體

媒體疑難排解

新增並管理媒體

使用專業圖庫

編輯圖片（Wix 圖庫）

Wix 多語言入門

翻譯網站

管理語言

Wix 多語言與 SEO

建立多語言網站

隱私權與 GDPR

無障礙介紹

使網站符合無障礙要求

進階無障礙功能

建立無障礙網站

Wix 與開發人員

測試網站

SSO 登入

Wix 區塊

進階功能

Wix Vibe 入門

管理 Wix Vibe 網站

自訂 Wix Vibe 網站

發佈 Wix Vibe 網站

使用 Wix Vibe

了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。

建立網站

了解如何建立、管理並維護 Wix 網站。

變更帳戶設定

登入問題

管理帳戶

升級至進階方案

進階方案帳單

網域帳單

Google Workspace 商務電子郵箱帳單

管理訂閱

收費、付款與稅金

Wix 服務請款單

使用優惠券和推廣優惠

帳單與進階訂閱

檢閱帳戶設定，設定訂閱與方案，查看請款單。

帳戶與帳單

以 Wix 應用程式管理網站

行動應用程式入門

自訂行動應用程式

管理行動應用程式

提交行動應用程式以供核准

建立行動應用程式

在 Wix 會員應用程式自訂網站

在 Wix 會員應用程式管理網站

以會員身分使用行動應用程式

使用 Wix 會員應用程式

為顧客設立行動應用程式

歡迎使用 Wix 行動應用程式，隨時隨地處理業務，並以專屬應用程式吸引網站會員互動。

使用 Wix 行動應用程式

網域入門

Wix 網域

於別處購買的網域

轉移網域

管理網域

網域疑難排解

以逐步指南了解如何購買、連結或轉移網站網域，並學習如何確保網站資料安全。