讓您的 SharePoint Online 部落格更易於存取

讓您的 SharePoint Online 部落格更易於存取

您可以在 SharePoint Online 中建立可供視障、行動不便或聽障使用者存取的部落格。

例如,您可以使用含有加強可讀性之字型和色彩的範本。在您的個人部落格文章及其他頁面中,您可以在部落格元素中新增有意義的描述、在影像及其他多媒體內容上新增清楚的替代文字 (也稱為 alt text)、在音訊元素中新增文字記錄等等。

附註: 

本文內容

身心障礙使用者使用部落格的可能方式

了解身心障礙使用者可能如何使用您的部落格,能夠協助您讓部落格變得更容易存取。

套用易於存取的部落格範本

慎選網站的視覺佈景主題,以提升部落格網站的協助工具供所有使用者使用。“Office” 範本是所有新 SharePoint Online 網站的預設範本,而且是易於存取的佈景主題。

Office 範本將文字與背景之間的色彩平衡和對比最佳化。視障使用者 (例如弱視或色盲) 覺得採用此範本的網站比較容易閱讀。

您可以隨時將 Office 範本套用到您的部落格。您也可以修改用於連結、標題及其他文字的版面配置或色彩。

  1. 登入您的 SharePoint Online 網站並瀏覽至您的部落格頁面。

  2. 若要開啟樣式範本庫,請移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [變更外觀] 命令。

  3. 選取您要使用的範本。“Office” 範本是針對協助工具最佳化而設計。

  4. 在下一頁中,檢閱範本的詳細資料。您可以視需要變更背景影像、色彩配置、網站版面配置 (包含或不包含左側的瀏覽列),以及標題和本文字型。這些變更會影響範本的使用,而且會套用到部落格中的所有頁面。

  5. 若要在部落格網站中預覽範本,請選取 [試試看] 連結。

  6. 在 [設計預覽] 頁面中,檢閱範本在部落格中的呈現效果。

  7. 若要套用範本,請選取 [是,保留] 連結。若要繼續對選取的範本進行變更,請選取 [否,還想變更] 連結,以返回到上一頁。

    若要返回到範本庫並選取其他範本,請選取 [從頭開始] 連結。

自訂標誌及新增替代文字

所有新的 SharePoint Online 網站 (包括部落格網站) 都有預設的預留位置標誌。您可以隨時取代此標誌並為它新增替代文字。

  1. 登入您的 SharePoint Online 網站並瀏覽至您的部落格頁面。

  2. 移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [網站設定] 命令。

  3. 在 [外觀與風格] 底下,選取 [標題、描述及標誌] 連結。

  4. 在 [插入標誌] 底下,選取 [從電腦] 連結。

  5. 在 [新增文件] 對話方塊中,選取 [選擇檔案] 按鈕。

  6. 若要尋找要在部落格中使用的標誌影像,請瀏覽電腦的檔案、選取影像,然後按 Enter。

  7. 若要上傳選取的影像以做為部落格的標誌,請按 Alt+O。

  8. 移至 [輸入描述] 欄位,然後輸入描述標誌影像的替代文字。

  9. 若要儲存影像和替代文字描述,請按 Alt+O。

    附註: 標誌會自動連結到您的 SharePoint Online 部落格網站的首頁。您無法變更此連結。

在部落格元素中新增類別

您的 SharePoint Online 部落格是一個包含多種清單和文件庫的網站,您可以依據任何選擇方式加以歸類。類別可協助您在清單和文件庫中整理整個部落格網站的文章及其他內容。部落格文章清單位於部落格的中央。您的部落格網站可以包含許多其他的清單,例如連結到其他部落格的清單。您的部落格可能也包含相片或參考文件的文件庫。

尤其如果您建立有關多種主題或多種用途的部落格文章,類別會相當有幫助。當文章依據類別整理分類時,人員可以在 [類別] 清單中選取適合的項目,更輕鬆地找到符合自身興趣的文章。

清單、文件庫及類別的清楚描述,可以協助讀者了解其用途。這樣會讓您的部落格更易於存取。

  1. 登入您的 SharePoint Online 網站並瀏覽至您的部落格頁面。

  2. 移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [網站設定] 命令。

  3. . 在 [網站管理] 底下,選取 [網站文件庫和清單] 連結。

  4. 在 [網站文件庫和清單] 頁面上:

    • 若要在文章清單中新增描述,請選取自訂「文章」連結。

    • 若要在相片庫中新增描述,請選取自訂「相片」連結。

    • 若要在其他資產庫中新增描述,請選取自訂「網站資產」連結。

    • 若要在類別中新增描述,請選取自訂「類別」連結。

  5. 在 [一般設定] 底下,選取 [清單名稱、描述及瀏覽] 連結。

  6. 在 [描述] 文字方塊中,使用針對讀者提供元素最佳描述的內容來取代預留位置文字。

  7. 選取 [儲存] 按鈕,然後按 Enter 鍵。

有關更多易於存取內容的祕訣

在新增文字至部落格時,請使用字型、標題及超連結,讓內容更易於存取。

清楚的樣式字型

請注意您在文字中使用字型、點數大小、變化及大小寫的方式。請為視障使用者以及使用螢幕助讀程式的使用者考慮可讀性。

  • 在整個部落格網站中,使用簡單的字型,並且不超過兩或三種字型。

  • 請勿設定固定的字型大小,例如 14 點。請改為使用樣式,例如 [內文]。固定的字型大小會干擾畫面上的其他元素,尤其若使用者讓畫面變大或變小。例如,固定的字型大小會讓文字行與欄重疊,或者會讓文字消失。

  • 在 [文字格式] 功能區索引標籤的 [樣式] 群組中,選取 [強調] 或 [輔色] 樣式選項,而不是套用粗體 (Ctrl+B) 或斜體 (Ctrl+I) 字型變化。這些樣式包含與字型外觀及含意有關的資訊。例如,[強調] 樣式會對選取的文字套用斜體,而螢幕助讀程式會讀出「強調」字詞。

  • 使用句子大小寫。大寫字母的長字串可能很難讀出。此外,螢幕助讀程式並不會以不同的方式讀出大寫字母,所以使用者無法辨別您嘗試呈現的區別。

新增標題以便於掃描您的內容

許多使用者偏好瀏覽網頁內容,而且只會深入閱讀他們認為特別相關的內容。此外,螢幕助讀程式會讀出標題,以協助使用者瀏覽及快速找到所需資訊。

  1. 在部落格文章或頁面的 [編輯] 模式中,在 [本文] 方塊中選取您要用來做為標題的文字。

  2. 您可以在 [文字格式] 索引標籤的 [樣式] 群組中,選取您要的標題階層。

    附註: 標題具有階層的架構。[標題 1] 樣式通常是最大的標題。[標題 2] 是第二個階層。[標題 3] 可用於次標題,而且在文件中它們的前面一律至少會有一個 [標題 2]。

建立有意義的超連結

螢幕助讀程式會朗讀超連結的顯示文字。讓文字具有意義至關重要。顯示文字應提供聆聽者有關連結目的地的清楚資訊。

  1. 在部落格文章或頁面的 [編輯] 模式中,[本文] 方塊將焦點放在您要讓超連結顯示之處。

  2. 若要開啟 [插入超連結] 對話方塊,請在 [插入] 索引標籤選取 [連結],然後選取 [從位址]。

  3. 在 [要顯示的文字] 方塊中,輸入連結文字。最有幫助且最有意義的連結顯示文字通常是網站名稱、頁面標題或主旨。避免使用幾乎無法提供資訊的連結文字,例如「按一下這裡」。

  4. 在 [連結位址] 方塊中,輸入或貼上目的地網站的網址。

    附註: 若要確認連結是否運作正常,請選取 [測試連結]。

  5. 完成後,請選取 [確定]。

為影像和媒體新增替代文字

將視覺物件 (例如圖片及其他影像) 新增至部落格中時,請使用可解說影像的替代文字。設定表格的格式,以讓螢幕助讀程式能夠正確解讀。為影片和音訊物件新增影片和文字記錄的隱藏式輔助字幕。若要了解做法,請參閱在網站新增易於存取的圖片和媒體

讓表格更易於瀏覽

若要讓表格更易於瀏覽,請保持使用簡單的表格 (無合併或分割儲存格)。此外,為標題列設定樣式及新增欄標題相當重要。

  1. 在部落格文章或頁面的 [編輯] 模式中,[本文] 方塊將焦點放在您要新增表格之處。

  2. 在 [插入] 索引標籤的 [表格] 群組中,選取 [表格],然後選取 [插入表格]。

  3. 在 [插入表格] 對話方塊中,在兩個文字方塊中輸入欄數及列數。按 Tab 鍵移至 [確定] 按鈕,然後按 Enter 鍵。表格會顯示於 [本文] 方塊中。

  4. 設定表格的格式以增強協助工具功能。

    • 指定標題列

      在 [設計] 索引標籤的 [表格樣式選項] 群組中,選取 [標題列] 核取方塊,並且選取 [第一欄] 核取方塊 (如果有的話)。

    • 新增標籤至每個欄標題

    • 新增表格的簡述做為輔助字幕。

      在 [表格版面配置] 索引標籤的 [內容] 群組中,在 [摘要] 文字方塊中輸入描述。

  5. 調整欄寬和列高時,請使用百分比按比例進行縮放,而不是使用像素或點值。無論使用者使用哪種裝置或縮放比例,這會確保您的表格正確縮放。

    • 在 [表格版面配置] 索引標籤的 [寬度和高度] 群組,請在 [欄寬和列高] 方塊中輸入百分比值。在每個值之後輸入百分比符號 (%)。

    • 如果您想要的話,也可以在 [表格寬度和表格高度] 方塊中新增百分比值。

為音訊和影片新增字幕

您新增至部落格的任何影片都應包含隱藏式輔助字幕。隱藏式輔助字幕對聽障使用者而言是不可或缺的。隱藏式輔助字幕可協助非母語及有不同音訊視訊學習方式的使用者,以處理語音資訊。您新增至部落格的音訊剪輯應包含文字記錄,以供聽障使用者使用。影片和音訊剪輯都應以替代文字辨識。

  • 在部落格文章或頁面的 [編輯] 模式中,[本文] 方塊將焦點放在您要新增影片之處。

  • 在 [插入] 索引標籤中的 [媒體] 群組中,選取 [視訊和音訊],然後選取 [從電腦]、[內嵌]、[從 SharePoint] 或 [從位址]。

  • 按照出現的提示,在部落格中尋找、選取及插入影片或音訊。

您可以建立易於視障、行動不便或聽障使用者存取的 SharePoint 部落格。

例如,您可以使用含有加強可讀性之字型和色彩的範本。在您的個人部落格文章及其他頁面中,您可以在部落格元素中新增有意義的描述、在影像及其他多媒體內容上新增清楚的替代文字 (也稱為 alt text)、在音訊元素中新增文字記錄等等。

附註: 

  • 您的 SharePoint 部落格必須存放於 SharePoint 網站之中。若要深入了解,請參閱使 SharePoint 網站易於存取建立部落格

  • 當您使用 SharePoint 時,建議您使用 Microsoft Edge 做為您的網頁瀏覽器。由於 SharePoint 會在您的網頁瀏覽器中執行,因此鍵盤快速鍵會與傳統型程式中的有所不同。例如,若要跳入/跳出命令,您會使用 Ctrl+F6,而不是 F6。此外,F1 (說明) 和 Ctrl+O (開啟) 等常用快速鍵適用於網頁瀏覽器,但不適用於 SharePoint。

本主題內容

身心障礙使用者使用部落格的可能方式

了解身心障礙使用者可能如何使用您的部落格,能夠協助您讓部落格變得更易於存取:

  • 使用者可能會使用鍵盤快速鍵來瀏覽您的部落格。將畫面元素保持在其預設位置至關重要,這樣可以讓鍵盤瀏覽的預設 Tab 鍵順序保持完好無恙。若要深入了解,請參閱 SharePoint 中的鍵盤快速鍵

  • 使用者可能會使用螢幕助讀程式讀出部落格的內容。將字型、字型樣式和大小寫樣式保持整齊且符合常規,以確保螢幕助讀程式可以正確且有效率地解讀您的頁面。若要深入了解,請參閱搭配在 SharePoint 中建立的部落格使用螢幕助讀程式

套用易於存取的部落格範本

慎選網站的視覺佈景主題,以提升部落格的協助工具供所有使用者使用。[Office] 範本是所有新 SharePoint 網站的預設範本,而且是易於存取的佈景主題。

[Office] 範本將文字與背景之間的色彩平衡和對比最佳化。視障使用者 (例如弱視或色盲) 覺得採用此範本的網站比較容易閱讀。

您可以隨時將 [Office] 範本套用到您的部落格。您也可以修改用於連結、標題和其他文字的版面配置或色彩。

  1. 登入您的 SharePoint 網站並瀏覽到您的部落格頁面。

  2. 若要開啟樣式範本庫,請移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [變更外觀]。

  3. 選取您要使用的範本。[Office] 範本是針對協助工具最佳化而設計。

  4. 檢閱範本的詳細資料。您可以視需要變更背景影像、色彩配置、網站版面配置,以及標題和本文字型。這些變更會影響範本的使用,而且會套用到部落格中的所有頁面。

  5. 若要在部落格網站中預覽範本,請選取 [試試看]。

  6. 在 [設計預覽] 頁面中,檢閱範本在部落格中的呈現效果。

  7. 若要套用範本,請選取 [是,保留]。若要繼續對選取的範本進行變更,請選取 [否,還想變更],以返回到上一頁。

若要返回到範本庫並選取其他範本,請選取 [從頭開始]。

自訂標誌及新增替代文字

所有新的 SharePoint 網站 (包括部落格) 都有預設的預留位置標誌。您可以隨時取代此標誌並為它新增替代文字。

  1. 登入您的 SharePoint 網站並瀏覽到您的部落格頁面。

  2. 移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [網站設定]。

  3. 在 [外觀與風格] 底下,選取 [標題、描述及標誌]。

  4. 在 [插入標誌] 底下,選取 [從電腦]。

  5. 在 [新增文件] 對話方塊中,選取 [選擇檔案]。

  6. 若要尋找要在部落格中使用的標誌影像,請瀏覽電腦的檔案、選取影像,然後按 Enter。

  7. 若要上傳選取的影像以做為部落格的標誌,請按 Alt+O。

  8. 移至 [輸入描述] 欄位,然後輸入描述標誌影像的替代文字。

  9. 若要儲存影像和替代文字描述,請按 Alt+O。

附註: 標誌會自動連結到您 SharePoint 部落格的首頁。您無法變更此連結。

在部落格元素中新增類別

您的 SharePoint 部落格包含多種清單和文件庫,您可以依據任何選擇方式加以歸類。類別可協助您在清單和文件庫中整理整個部落格的文章及其他內容。部落格文章清單位於部落格的中央。您的部落格可以包含許多其他的清單,例如連結到其他部落格的清單。您的部落格可能也包含相片或參考文件的文件庫。

尤其如果您建立有關多種主題或多種用途的部落格文章,類別會相當有幫助。當文章依據類別整理分類時,人員可以在 [類別] 清單中選取適合的項目,更輕鬆地找到符合自身興趣的文章。

清單、文件庫及類別的清楚描述,可以協助讀者了解其用途。這樣會讓您的部落格更易於存取。

  1. 登入您的 SharePoint 網站並瀏覽到您的部落格頁面。

  2. 移至 [設定] 功能表 (位於右上角的齒輪圖示),然後選取 [網站設定]。

  3. 在 [網站管理] 底下,選取 [網站文件庫和清單] 連結。

  4. 在 [網站文件庫和清單] 頁面上:

    • 若要在文章清單中新增描述,請選取自訂「文章」。

    • 若要在相片庫中新增描述,請選取自訂「相片」。

    • 若要在其他資產庫中新增描述,請選取自訂「網站資產」。

    • 若要在類別中新增描述,請選取自訂「類別」。

  5. 在 [一般設定] 底下,選取 [清單名稱、描述和導覽]。

  6. 在 [描述] 文字方塊中,使用針對讀者提供元素最佳描述的內容來取代預留位置文字。

  7. 選取 [儲存],然後按下 Enter。

有關更多易於存取內容的祕訣

在新增文字到部落格時,請使用字型、標題及超連結,讓內容更易於存取。

清楚的樣式字型

請注意您在文字中使用字型、點數大小、變化及大小寫的方式。請為視障使用者以及使用螢幕助讀程式的使用者考慮可讀性。

  • 在整個部落格中,使用簡單的字型,並且不超過兩或三種字型。

  • 請勿設定固定的字型大小,例如 14 點。請改用樣式,例如 [內文]。固定的字型大小會干擾畫面上的其他元素,尤其若使用者讓畫面變大或變小。例如,固定的字型大小會讓文字行與欄重疊,或者會讓文字消失。

  • 在 [文字格式] 功能區索引標籤的 [樣式] 群組中,選取 [強調] 或 [輔色] 樣式選項,而不是套用粗體 (Ctrl+B) 或斜體 (Ctrl+I) 字型變化。這些樣式包含與字型外觀及樣式含意有關的資訊。例如,[強調] 樣式會對選取的文字套用斜體,而螢幕助讀程式會讀出「強調」字詞。

  • 使用句子大小寫。大寫字母的長字串可能很難讀出。此外,螢幕助讀程式並不會以不同的方式讀出大寫字母,所以使用者無法辨別您嘗試呈現的區別。

新增標題以便瀏覽內容

許多使用者偏好瀏覽網頁內容,而且只會深入閱讀他們認為特別相關的內容。此外,螢幕助讀程式會讀出標題,以協助使用者瀏覽及快速找到所需資訊。

  1. 在部落格文章或頁面的 [編輯] 模式中,在 [本文] 方塊中選取您要用來做為標題的文字。

  2. 您可以在 [文字格式] 索引標籤的 [樣式] 群組中,選取您要的標題階層。

附註: 標題具有階層的架構。[標題 1] 樣式通常是最上層的標題。[標題 2] 是第二個階層。[標題 3] 可用於次標題,而且在文件中它們的前面一律至少必須有一個 [標題 2]。

建立有意義的超連結

螢幕助讀程式會朗讀超連結的顯示文字。讓文字具有意義至關重要。顯示文字應提供聆聽者有關連結目的地的清楚資訊。

  1. 在部落格文章或頁面的 [編輯] 模式中,[本文] 方塊將焦點放在您要讓超連結顯示之處。

  2. 若要開啟 [插入超連結] 對話方塊,請在 [插入] 索引標籤上,選取 [連結],然後選取 [從位址]。

  3. 在 [要顯示的文字] 方塊中,輸入連結文字。最有幫助且最有意義的連結顯示文字通常是網站名稱、頁面標題或主旨。避免使用幾乎無法提供資訊的連結文字,例如「按一下這裡」。

  4. 在 [連結位址] 方塊中,輸入或貼上目的地網站的網址。

    附註: 若要確認連結是否運作正常,請選取 [測試連結]。

  5. 完成後,請選取 [確定]。

為影像和媒體新增替代文字

將視覺物件 (例如影像) 新增到部落格中時,請使用可解說影像的替代文字。設定表格的格式,以讓螢幕助讀程式能夠正確解讀。為影片和音訊物件新增影片和字幕的隱藏式輔助字幕。若要了解做法,請參閱在 SharePoint 網站新增易於存取的圖片和媒體

讓表格更易於瀏覽

若要讓表格更易於瀏覽,請保持使用簡單的表格 (無合併或分割儲存格)。此外,使用標題列樣式及新增欄標題相當重要。

  1. 在部落格文章或頁面的 [編輯] 模式中,[本文] 方塊將焦點放在您要新增表格之處。

  2. 在 [插入] 索引標籤的 [表格] 群組中,選取 [表格],然後選取 [插入表格]。

  3. 在 [插入表格] 對話方塊中,在兩個文字方塊中輸入欄數及列數。按 Tab 以移至 [確定] 按鈕,然後按 Enter。表格會顯示於 [本文] 方塊中。

  4. 在 [設計] 索引標籤的 [表格樣式選項] 群組中,選取 [標題列] 核取方塊,並且選取 [第一欄] 核取方塊 (如果有的話) 以指定標題列。

  5. 新增標籤到每個欄標題。

  6. 在 [表格版面配置] 索引標籤的 [內容] 群組中,新增簡短的表格描述以做為標題,並在 [摘要] 文字方塊中輸入描述。

  7. 在 [表格版面配置] 索引標籤的 [寬度與高度] 群組中,於 [欄寬] 和 [列高] 方塊中輸入百分比值。在每個值之後輸入百分比符號 (%)。

    附註: 調整欄寬和列高時,請使用百分比按比例進行縮放,而不是使用像素或點值。無論使用者使用哪種裝置或縮放比例,這可確保您的表格正確縮放。

  8. 您也可以在 [表格寬度] 和 [表格高度] 方塊中新增百分比值。

為音訊和影片新增字幕

您新增至部落格的任何影片都應包含隱藏式輔助字幕。隱藏式輔助字幕對聽障使用者而言是不可或缺的。隱藏式輔助字幕可協助非母語及有不同音訊視訊學習方式的使用者,以處理語音資訊。您新增至部落格的音訊剪輯應包含文字記錄,以供聽障使用者使用。影片和音訊剪輯都應以替代文字辨識。

  1. 在部落格文章或頁面的 [編輯] 模式中,於 [本文] 方塊中,將焦點放在您要新增影片之處。

  2. 在 [插入] 索引標籤的 [媒體] 群組中,選取 [視訊和音訊],然後選取 [從電腦]、[內嵌]、[從 SharePoint] 或 [從位址]。

  3. 按照出現的提示,在部落格中尋找、選取及插入影片或音訊。

針對身心障礙使用者提供的客戶技術支援

Microsoft 盡最大的努力為所有客戶提供最佳的體驗。如果您是身心障礙使用者或有任何協助工具相關問題,請連絡 Microsoft 身心障礙人士 Answer Desk 以取得技術協助。身心障礙人士 Answer Desk 支援小組受過許多常用輔助技術的訓練,並可提供英文、西班牙文、法文和美國手語的協助。請移至 Microsoft 身心障礙人士 Answer Desk 網站,了解您所在地區的連絡人詳細資料。

如果您是政府、商業或企業使用者,請連絡企業身心障礙人士 Answer Desk

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×