SharePoint Online 中可建立易於存取網站的資源
Applies ToSharePoint in Microsoft 365

在 SharePoint Online 中,您可以使用標準的「現成」範本 (例如「部落格」、「小組網站」、「專案網站」等) 輕鬆建立網站。 這些標準範本會將已把協助工具納入設計考量的內容放到您的網站頁面上。

本文適用於想要在建立網站後自訂網站,並致力於讓身心障礙使用者能夠存取此自訂網站的人員。 本文涵蓋自訂網站之前所需考量的基本資訊,包括對象需求和協助工具指導方針,並且連結到可協助您在進行基本網站自訂的同時又讓使用者仍然能夠存取網站的資源。

附註: 

  • 如需有關您可以在 SharePoint Online 中建立的網站類型及如何使用這些類型的詳細資訊,請參閱使用範本建立不同類型的 SharePoint 網站

  • 本文涵蓋一些任何人都可透過瀏覽器中的 SharePoint Online 使用者介面對網站進行的常見基本自訂,且無須具備任何程式碼基礎頁面相關知識。 自訂網站程式碼 (例如 HTML、CSS 或 JavaScript) 或進行大規模自訂則不在本文的涵蓋範圍中。 不過,本文中的協助工具資訊不受範圍限制,適用於任何網站自訂。

本文內容

易於存取的網站目標

對許多人來說,SharePoint 協助工具是事後添加的功能。 他們認為協助工具是 Web 開發人員在網站建立後,對程式碼進行修改後的產物 (例如調整 HTML、CSS 或 JavaScript 程式碼)。

不過,協助工具應該是設計程序的一部分,是您在開始進行任何網站工作之前應納入考量的元素。 記住這一點後,您需要在自訂網站之前,先考量自訂在 SharePoint Online 中建立的網站會如何影響協助工具。 讓任何網站具有無障功能,最重要的是︰

  • 每個人都可以使用。

    協助工具的目的是要建立一個任何人都能使用的網站,這意謂著不論使用者是否為身心障礙使用者。 可用性相當重要。 如果您自己都無法在您的網站上輕易地瀏覽來取得想要的資料或完成所需執行的工作,其他人又如何做到這一點?

  • 身心障礙使用者可以使用。

    協助工具是含納性的,不會忽略您任何一部分的對象。 它涉及在建置網站時符合身心障礙使用者的需求,也就是讓這些人士都能使用該網站。 畢竟他們全都是您網站的使用者,就像您組織中的任何其他人一樣。

將協助工具納入網站設計考量有助於讓您的網站︰

  • 成為不論使用者使用哪種裝置或輸入方式 (例如傳統型瀏覽器、語音瀏覽器、行動電話瀏覽器、車用電腦等) 都能存取的網站。

  • 成為不論使用者在哪種限制環境下 (例如吵雜環境、亮度多變的室內空間、免持駕駛環境等) 操作都能存取的網站。

  • 可預測。 網站創新很重要,但可預測性是不可或缺的。 使網站上的瀏覽更容易讓人理解及預測會讓使用者更容易存取網站。

資源

什麼是 Web 協助工具?

Microsoft 協助工具訓練:協助工具簡介

為身心障礙使用者建立易於存取內容之企業和政府組織適用的指南

為身心障礙使用者建立易於存取內容之授課者適用的指南

Microsoft 協助工具部落格

了解對象 (身心障礙使用者) 及需求

「身心障礙使用者」一詞包含數以百萬計有各種不同需求的使用者。 不過,每一個子對象都有特定的特殊需求。 下表說明一些最常見的障礙及有這些障礙的人士的相對應需求。 自訂在 SharePoint Online 中建立的網站時,了解您的自訂會如何影響每一個子對象相當重要。

附註:  「輔助技術」描述的是一套因應身心障礙使用者需求的技術。 下表提及這當中的一些技術,例如螢幕助讀程式。 如需有關本文中各種輔助技術的詳細資訊,請移至對象所使用之輔助技術的「實驗」。

一些最常見的障礙及對應的協助工具需求︰

身心障礙

一般輔助需求

視障或弱視

  • 鍵盤快速鍵 (無滑鼠動作)。

  • 網頁上可預測的索引標籤順序和地標 (包括任何對話方塊),可讓對象建立頁面心理模型,以便保持方向感而不會搞不清楚自己的所在位置。

  • 螢幕助讀程式音效回應,這是一種輔助技術。

  • 可替代視覺效果 (影像、圖示等) 的方案及所有影像 (即使只是裝飾性影像) 的描述性文字,例如替代文字 (alt 文字)。

  • 影片的音訊字幕及影片播放程式的設定 (例如關閉自動播放的功能),以便讓影片的音訊與來自螢幕助讀程式的音效回應不會重疊。

  • 清楚且含納性的語言,而不會總是提到是「看到」某個元素。 例如,您可以不說「看到 Xyz」,改說「包含 Xyz」。 您可以提供替代方法來取代只說「觀看影片」︰「觀看影片,或聽取影片的音訊字幕」。

  • 可讓文字更容易閱讀的較大型字樣,以及黑色或高對比文字。

若要了解 Microsoft 如何因應這項子對象的需求,請移至 Microsoft 視障或弱視人士指南

色盲

色盲分為兩種主要類型︰無法區分紅色與綠色,以及無法區分藍色與黃色。 自訂您的網站時,請將下列事項納入考量:

  • 可替代以色彩傳達重要資訊的方案。 確定色彩不是您網站上傳達資訊的唯一方式。 例如,確定在以色彩醒目提示的超連結上也加上底線,讓色盲使用者即使看不出色彩也能知道它是一個連結。

  • 色譜上反向端的明亮色彩或高對比色彩配置。 例如,黑白配置可協助色盲使用者區分色彩。

  • 網頁上文字後方無圖樣的簡單背景。

如需詳細資訊,請移至視障:色盲

肢體靈活度受限或行動不便

  • 鍵盤快速鍵 (無滑鼠動作或有限的滑鼠動作)。

  • 可取消主要動作的機會,例如在刪除影片入口網站上的頻道時提供 [取消] 按鈕,以確保使用者可以復原可能透過其輸入裝置產生的任何錯誤。

  • 可略過冗長清單的方法 (例如,可讓使用者移至網站頁面頂端、底部或下一個區段的連結)。

  • 所含文字不是只有幾個字而難以點選的連結。 例如,包含連結的完整標題 (通常很可能較長),而不是只有「按一下這裡」。

全聾或聽力受限

  • 影片的輔助字幕和文字稿。 • 音訊的文字稿。

  • 可替代音效提示的方案。

  • 清楚且含納性的語言,並且提供替代「聽」或「聆聽」某個元素的方案。 例如,您可以不說「聽取音訊」,改說「聽取音訊,或閱讀文字稿」。

認知障礙,例如閱讀障礙或注意力缺失症

閱讀障礙使用者描述在頁面上看到文字「攪和在一起」,例如一行文字與下一行文字壓縮在一起。 或經常看到文字合併或扭曲。 他們的需求與弱視使用者相似,尤其是需要降低他們的閱讀量。 他們也可能受益於熟悉的 sans serif 字型,例如新細明體、Arial 或 Calibri。 避免斜體、全部大寫及加上底線。

注意力不足症患者無法專注于句子、工作等。他們需要簡單的網站設計,讓他們更容易專注。 他們無法處理過於擠滿元素的網站資訊。 在網站版面配置中有效使用空白區域,並使用左對齊文字,而不是以中央對齊或左右對齊。

資源

Web 使用者的故事:身心障礙使用者使用 Web 的方式

Microsoft 針對各類身心障礙及因應方式提供的指南

確認您公司的協助工具原則、需求及指導方針

任何人在為 Web 或公司內部網站建立內容,並且致力於讓身心障礙使用者存取該內容時,都必須遵循特定的協助工具指導方針。 當您從 SharePoint Online 為建立網站提供的標準「現成」範本改變方向時,視您的自訂程度而定,您必須至少將該點納入考量並執行下列操作:

  • 確認您組織已確立的協助工具指導方針和需求,這是您建置網站 (包括 SharePoint Online 中的自訂網站) 時所必須遵守的指導方針和需求。

  • 與您組織中的協助工具連絡人聯繫,並討論自訂網站所帶來的影響。 此外,請他們推薦可測試您網站協助工具特定層面的工具。

  • 與您的協助工具連絡人共用您的內容計劃,並讓他們定期評估您的計劃及網站自訂進度,以避免可能的協助工具障礙。

  • 與您組織中的身心障礙使用者洽談,向他們諮詢有關您自訂 SharePoint Online 中網站的意見。 他們或許能夠針對他們在使用網站時所面臨的日常挑戰提供深入見解,不論是使用內部網站時所遇到的一般問題還是特定問題 — 兩者都可能促使您重新考量您的自訂計劃,或至少設定實際可行的目標。

資源

Microsoft Developer Network (MSDN) 協助工具網站

熟悉所有類型的網站目前廣泛採用的協助工具方針

最重要的是,在 SharePoint Online 中建立的網站就是與任何其他網站一樣的網站。 因此,您用來為任何網站建立易於存取內容的一般指導方針也適用於在 SharePoint Online 中建立或自訂的網站。 以下是全面且詳盡的指導方針。

資源

W3C (W3C) 的 WCAG (指南) W3C 是一個共同開發 Web 標準 (包括 Web 協助工具指導方針) 的國際社群。 WCAG 是針對網站協助工具提供的一些最全面指導方針,並且是許多國家/地區的協助工具法規基礎。 WCAG 是現代化 Web 與內部網路網站開發所追求的既定標準。

WebAIM 提供參考指南和設計指南。 WebAIM 是提供完整 Web 協助工具服務的 Web 協助工具領導權威。 WebAIM 的任務是要讓組織能夠建立可供身心障礙使用者存取的 Web 內容。

此外,為美國政府部門或機關工作的人員也必須遵守美國聯邦採購法規。 如需詳細資訊,請參閱適用於 Web 型內部網路及網際網路資訊與應用程式的 508 條款標準

進行完美整合:讓使用者能夠存取在 SharePoint Online 中建立之網站上的一般自訂項目

既然您已熟悉將協助工具視為設計要素,以及從 SharePoint Online 隨附的標準範本改變方向所帶來的協助工具影響,即代表您已準備就緒,可以在自訂網站的同時又讓使用者能夠存取網站。

以下是一些建議閱讀的文章:

在 SharePoint 中,您可以使用標準的「現成」範本 (例如部落格小組網站專案網站等) 輕鬆建立網站。 這些標準範本將內容放到頁面上時,會將協助工具納入考量。

本文適用於想要在建立網站後自訂網站,並致力於讓身心障礙使用者能夠存取此自訂網站的人員。 本文涵蓋自訂網站之前所需考量的基本資訊,包括對象需求和協助工具指導方針,並且連結到可協助您在進行基本網站自訂的同時又讓使用者仍然能夠存取網站的資源。

附註: 

  • 如需有關您可以在 SharePoint 中建立的網站類型及如何使用這些類型的詳細資訊,請參閱使用範本建立不同類型的 SharePoint 網站

  • 本文涵蓋任何人都可透過瀏覽器中的 SharePoint 使用者介面對網站進行的常見基本自訂,且無須具備任何基礎程式碼相關知識。 自訂網站程式碼 (例如 HTML、CSS 或 JavaScript) 或進行大規模自訂則不在本文的涵蓋範圍中。 不過,本文中的協助工具資訊不受範圍限制,適用於任何網站自訂。

本主題內容

易於存取的網站目標

對許多人來說,SharePoint 協助工具是事後添加的功能。 他們認為協助工具是 Web 開發人員在網站建立後,對程式碼進行修改後的產物 (例如調整 HTML、CSS 或 JavaScript 程式碼)。

不過,協助工具應該是設計程序的一部分,是您在開始進行任何網站工作之前應納入考量的元素。 記住這一點後,您需要在自訂網站之前,先考量自訂在 SharePoint 中建立的網站會如何影響協助工具。 讓任何網站具有無障功能,最重要的是︰

  • 每個人都可以使用。

    協助工具的目的是要建立一個任何人都能使用的網站,這意謂著不論使用者是否為身心障礙使用者。 可用性相當重要。 如果您自己都無法在您的網站上輕易地瀏覽來取得想要的資料或完成所需執行的工作,其他人又如何做到這一點?

  • 身心障礙使用者可以使用。

    協助工具是含納性的,不會忽略您任何一部分的對象。 它涉及在建置網站時符合身心障礙使用者的需求,也就是讓這些人士都能使用該網站。 畢竟他們全都是您網站的使用者,就像您組織中的任何其他人一樣。

將協助工具納入網站設計考量有助於讓您的網站︰

  • 成為不論使用者使用哪種裝置或輸入方式 (例如傳統型瀏覽器、語音瀏覽器、行動電話瀏覽器、車用電腦等) 都能存取的網站。

  • 成為不論使用者在哪種限制環境下 (例如吵雜環境、亮度多變的室內空間、免持駕駛環境等) 操作都能存取的網站。

  • 可預測。 網站創新很重要,但可預測性是不可或缺的。 使網站上的瀏覽更容易讓人理解及預測會讓使用者更容易存取網站。

資源

什麼是 Web 協助工具?

Microsoft 協助工具訓練:協助工具簡介

為身心障礙使用者建立易於存取內容之企業和政府組織適用的指南

為身心障礙使用者建立易於存取內容之授課者適用的指南

Microsoft 協助工具部落格

了解對象 (身心障礙使用者) 及需求

「身心障礙使用者」一詞包含數以百萬計有各種不同需求的使用者。 不過,每一個子對象都有特定的特殊需求。 下表說明一些最常見的障礙及有這些障礙的人士的相對應需求。 自訂在 SharePoint 中建立的網站時,了解您的自訂會如何影響每一個子對象相當重要。

附註: 「輔助技術」描述的是一套因應身心障礙使用者需求的技術。 下表提及這當中的一些技術,例如螢幕助讀程式。 如需有關本文中各種輔助技術的詳細資訊,請移至對象所使用之輔助技術的「實驗」。

一些最常見的障礙及對應的協助工具需求︰

身心障礙

一般輔助需求

視障或弱視

  • 鍵盤快速鍵 (無滑鼠動作)。

  • 網頁上可預測的索引標籤順序和地標 (包括任何對話方塊),可讓對象建立頁面心理模型,以便保持方向感而不會搞不清楚自己的所在位置。

  • 螢幕助讀程式音效回應,這是一種輔助技術。

  • 可替代視覺效果 (影像、圖示等) 的方案及所有影像 (即使只是裝飾性影像) 的描述性文字,例如替代文字 (alt 文字)。

  • 影片的音訊字幕及影片播放程式的設定 (例如關閉自動播放的功能),以便讓影片的音訊與來自螢幕助讀程式的音效回應不會重疊。

  • 清楚且含納性的語言,而不會總是提到是「看到」某個元素。 例如,您可以不說「看到 Xyz」,改說「包含 Xyz」。 您可以提供替代方法來取代只說「觀看影片」︰「觀看影片,或聽取影片的音訊字幕」。

  • 可讓文字更容易閱讀的較大型字樣,以及黑色或高對比文字。

若要了解 Microsoft 如何因應這項子對象的需求,請移至 Microsoft 視障或弱視人士指南

色盲

色盲分為兩種主要類型︰無法區分紅色與綠色,以及無法區分藍色與黃色。 自訂您的網站時,請將下列事項納入考量:

  • 可替代以色彩傳達重要資訊的方案。 確定色彩不是您網站上傳達資訊的唯一方式。 例如,確定在以色彩醒目提示的超連結上也加上底線,讓色盲使用者即使看不出色彩也能知道它是一個連結。

  • 色譜上反向端的明亮色彩或高對比色彩配置。 例如,黑白配置可協助色盲使用者區分色彩。

  • 網頁上文字後方無圖樣的簡單背景。

如需詳細資訊,請移至視障:色盲

肢體靈活度受限或行動不便

  • 鍵盤快速鍵 (無滑鼠動作或有限的滑鼠動作)。

  • 可取消主要動作的機會,例如在刪除影片入口網站上的頻道時提供 [取消] 按鈕,以確保使用者可以復原可能透過其輸入裝置產生的任何錯誤。

  • 可略過冗長清單的方法 (例如,可讓使用者移至網站頁面頂端、底部或下一個區段的連結)。

  • 所含文字不是只有幾個字而難以點選的連結。 例如,包含連結的完整標題 (通常很可能較長),而不是只有「按一下這裡」。

全聾或聽力受限

  • 影片的輔助字幕和文字稿。

  • 音訊的文字稿。

  • 可替代音效提示的方案。

  • 清楚且含納性的語言,並且提供替代「聽」或「聆聽」某個元素的方案。 例如,您可以不說「聽取音訊」,改說「聽取音訊,或閱讀文字稿」。

認知障礙,例如閱讀障礙或注意力缺失症

閱讀障礙使用者描述在頁面上看到文字「攪和在一起」,例如一行文字與下一行文字壓縮在一起。 或經常看到文字合併或扭曲。 他們的需求與弱視使用者相似,尤其是需要降低他們的閱讀量。 他們也可能受益於熟悉的 sans serif 字型,例如新細明體、Arial 或 Calibri。 避免斜體、全部大寫及加上底線。

注意力不足症患者無法專注于句子、工作等。他們需要簡單的網站設計,讓他們更容易專注。 他們無法處理過於擠滿元素的網站資訊。 在網站版面配置中有效使用空白區域,並使用左對齊文字,而不是以中央對齊或左右對齊。

資源

Web 使用者的故事:身心障礙使用者使用 Web 的方式

Microsoft 針對各類身心障礙及因應方式提供的指南

確認您公司的協助工具原則、需求及指導方針

任何人在為 Web 或公司內部網站建立內容,並且致力於讓身心障礙使用者存取該內容時,都必須遵循特定的協助工具指導方針。 當您自訂 SharePoint 為建立網站所提供的標準「現成」範本時,視您的自訂程度而定,您必須至少將該點納入考量並執行下列操作:

  • 確認您組織已確立的協助工具指導方針和需求,這是您建置網站 (包括 SharePoint 中的自訂網站) 時所必須遵守的指導方針和需求。

  • 與您組織中的協助工具連絡人聯繫,並討論自訂網站所帶來的影響。 此外,請他們推薦可測試您網站協助工具特定層面的工具。

  • 與您的協助工具連絡人共用您的內容計劃,並讓他們定期評估您的計劃及網站自訂進度,以避免可能的協助工具障礙。

  • 與貴組織中有障礙的人交談,並詢問他們對於在 SharePoint 中自訂網站的計畫的意見。 他們或許能夠提供深入見解,瞭解他們在使用一般網站時所面臨的日常挑戰,以及使用內部網路網站時遇到的特定問題,這兩者都可能會鼓勵您重新考慮您的自訂計畫,或至少設定實際的目標。

資源

Microsoft Developer Network (MSDN) 協助工具網站

熟悉所有類型的網站目前廣泛採用的協助工具方針

在 SharePoint 中建立的網站就是與任何其他網站一樣的網站。 因此,您用來為任何網站建立易於存取的內容的一般指導方針也適用於在 SharePoint 中建立或自訂的網站。 以下是全面且詳盡的指導方針。

W3C (W3C) 的 WCAG (指南) W3C 是一個共同開發 Web 標準 (包括 Web 協助工具指導方針) 的國際社群。 WCAG 是針對網站協助工具提供的一些最全面指導方針,並且是許多國家/地區的協助工具法規基礎。 WCAG 是現代化 Web 與內部網路網站開發所追求的既定標準。

WebAIM 提供參考指南和設計指南。 WebAIM 是提供完整 Web 協助工具服務的 Web 協助工具領導權威。 WebAIM 的任務是要讓組織能夠建立可供身心障礙使用者存取的 Web 內容。

此外,為美國政府部門或機關工作的人員也必須遵守美國聯邦採購法規。 如需詳細資訊,請參閱適用於 Web 型內部網路及網際網路資訊與應用程式的 508 條款標準

進行整合:在 SharePoint 中建立的網站上,讓一般自訂項目具有易於存取的功能

您現在已熟悉將協助工具視為設計要素,以及自訂 SharePoint 隨附的標準範本所帶來的協助工具影響,代表您已準備就緒,可以在自訂網站的同時又讓網站具有易於存取的功能。

以下是一些建議閱讀的文章:

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。