在 SharePoint Online 網站新增易於存取的圖片和媒體
Applies ToSharePoint in Microsoft 365 Office for business

Microsoft 365 中的 SharePoint 可讓您輕鬆為所有多媒體內容新增替代文字。 替代文字是邁向文件全面無障礙的首要步驟之一。 它可以協助視力障礙使用者了解影像、螢幕擷取畫面、圖表、視訊等等的內容。 聽障使用者則仰賴文字稿來存取視訊或音訊檔案中的內容。

本主題內容

新增含有替代文字的圖片

使用相片、影像、美工圖案或音訊時,您必須尊重著作權。 如果是影像,Bing 的授權篩選功能可為您提供協助。

  1. 若要開啟 [編輯] 功能區並進入 [編輯] 模式,請在您要編輯的頁面上選取 [編輯] 連結。

  2. 將焦點放在您要顯示圖片的位置。

  3. 若要開啟 [上傳影像] 對話方塊,請從 [插入] 索引標籤開啟 [圖片] 群組並選取 [從電腦]。

    SharePoint Online 功能區的螢幕擷取畫面。 選取 [插入] 索引標籤,然後選取 [圖片],選擇要從您的電腦、網址或 SharePoint 位置來上傳檔案。

    提示: 若要透過貼上影像 URL 從網際網路插入圖片,請選取 [從位址]。 若要從 Microsoft 365 中的 SharePoint 網站插入影像,請選取 [從 SharePoint]。

  4. 選擇您的檔案、在您的 Microsoft 365 中的 SharePoint 網站中選取目的資料夾 (預設選項為 [網站資產] 資料夾),並列入任何關於不同影像版本的附註。

  5. 若要插入圖片並啟用 [影像] 索引標籤,請選取 [確定]。

    螢幕擷取畫面顯示一段已選取 [影像] 索引標籤的 SharePoint Online 功能區,以及 [選取]、[屬性]、[樣式]、[排列]、[大小] 及 [間距] 群組中的可用選項。

    提示: [影像] 索引標籤只有在已選取影像時才看得到。

  6. 移至 [影像] 索引標籤上的 [替代文字] 方塊,然後輸入影像的替代文字。

  7. 完成之後,按一下 [儲存]

協助工具的相關祕訣   

  • 替代文字應簡潔明瞭。

  • 好的替代文字會向聆聽者講述圖片為何重要。

如需有關替代文字的詳細資訊 (包括範例和詳細資訊連結),請瀏覽 WebAIM 替代文字頁面 (英文)。

在媒體網頁組件中新增視訊

每當您在頁面新增視訊時,請務必包含內容的字幕和音訊描述。 字幕可讓有聽力障礙的使用者了解內容,而且可輔助觀看視訊的非母語使用者。

若要讓音訊錄製可供聽障使用者存取,請建立文字記錄,並且隨音訊檔案附上。

  1. 在您要顯示視訊的頁面上選取 [編輯] 連結,以開啟 [編輯] 功能區並進入 [編輯] 模式。

  2. 將焦點放在您要讓視訊顯示的位置。

  3. 從 [插入] 索引標籤開啟 [視訊和音訊] 群組並選取 [從電腦],以開啟 [上傳媒體] 對話方塊。

    SharePoint Online 功能區的螢幕擷取畫面。 選取 [插入] 索引標籤,然後選取 [視訊和音訊],指定要從您的電腦、SharePoint 位置、網址,或透過內嵌程式碼來新增檔案。

    提示: 若要從網際網路插入檔案,請選取 [從位址],然後貼入 URL。 若要從 Microsoft 365 中的 SharePoint 網站插入音訊或視訊,請選取 [從 SharePoint]。 若要從諸如 YouTube 或 Vimeo 等網站新增內嵌程式碼,請選取 [內嵌]。

  4. 選擇您的檔案、在您的 Microsoft 365 中的 SharePoint 網站中選取目的資料夾 (預設選項為 [網站資產] 資料夾),並列入任何關於不同檔案版本的適用附註。

  5. 選取 [確定],以在 [媒體組件] 元件內插入視訊,並啟用 [媒體] 及 [網頁組件] 索引標籤。

    提示: [媒體] 索引標籤只有在已選取媒體檔案時才看得到。

  6. 開啟 [網頁組件] 索引標籤,然後選取 [網頁組件內容]。 [媒體網頁組件] 內容窗格隨即顯示。

    SharePoint Online 中之 [媒體網頁組件] 對話方塊的螢幕擷取畫面,為媒體檔案指定 [外觀]、[版面配置]、[進階] 及 [行為] 的相關設定。 顯示的 [外觀] 選項包括標題、高度、寬度及組件區塊狀態與類型。
  7. 在 [標題] 方塊中,輸入標題。

  8. 向下捲動,然後開啟 [進階] 面板。

  9. 在 [描述] 方塊中,輸入音訊或視訊檔案的簡述。

  10. 捲動至結尾,然後選取 [套用],以將變更套用至媒體網頁組件。

  11. 完成後請選取 [儲存],以儲存此頁面的變更。

在頁面中內嵌音訊檔案

這些指示說明如何在網頁中放置更小更細的控制列。 這種控制列最適合搭配音訊檔案 (例如播客) 使用,因為完整的媒體網頁組件放在裡面會太大。

  1. 將音訊檔案和文字記錄檔案上傳到 [網站資產] 資料夾中。

    1. 選取右上角的 [設定] 圖示以開啟 [設定] 功能表。

    2. 選取 [網站內容] 連結。

    3. 移至 [網站資產] 資料夾。

    4. 將音訊和文字記錄檔案拖曳到資料夾中。

      SharePoint Online 基本網站的 [網站內容] 頁面,醒目提示 [網站資產] 磚

    5. 取得檔案的 URL。 選取檔案名稱旁的省略符號,以開啟檔案動作功能表。 從動作功能表將連結複製並貼入其他檔案中。 您稍後在音訊內嵌程式碼中會用到此連結。

  2. 在您要顯示視訊的頁面上選取 [編輯] 連結,以開啟 [編輯] 功能區並進入 [編輯] 模式。

  3. 將焦點放在您要讓視訊顯示的位置。

  4. 從 [插入] 索引標籤開啟 [視訊和音訊] 群組,然後選取 [內嵌],以開啟 [內嵌] 對話方塊。

    SharePoint Online 中之 [內嵌] 對話方塊的螢幕擷取畫面,貼上視訊或音訊檔案的指令碼或內嵌程式碼,然後插入程式碼。
  5. 將內嵌程式碼貼入欄位中,並將音訊檔案的 URL 貼在 “src=” 後面且介於引號之間。

    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>

    此程式碼會在頁面上放置媒體控制列。 使用者可以透過此控制列開始及停止播放。

    提示: 如果內嵌程式碼的格式未正確設定,或如果它指向不存在的檔案位置,[插入] 按鈕將無法使用。

  6. 完成後,請選取 [插入] 將音訊控制放在頁面上。 內嵌的音訊控制看起來像這樣:

    SharePoint Online 的螢幕擷取畫面,程式碼片段音訊控制項列會顯示音訊檔案的時間總長度,並提供可啟動和停止播放檔案的的控制項。
  7. 將焦點放在音訊控制程式碼片段的結尾,然後按 Enter 鍵移至下一行。

  8. 插入音訊文字記錄檔案的連結。

    1. 從 [插入] 索引標籤選取 [連結] 然後選取 [從 SharePoint],以開啟 [選取資產] 對話方塊。

    2. 選取音訊文字記錄檔案,然後按 [插入]。 這麼做會插入超連結,並以檔案的名稱做為連結文字。

    3. 將焦點放在連結中檔案名稱的最後一個字元前面。 慢慢按退格鍵移除檔案名稱中的所有字元,只留下第一個和最後一個字元。

      提示: 這會讓連結保持不變,並讓游標保持在正確位置,以便您變更連結的文字。

    4. 輸入您要用於連結的文字。 例如,若是音訊文字記錄,可輸入「檢視音訊文字記錄」。

    5. 刪除檔案名稱的剩下兩個字元。

  9. 完成後,在頁面頂端按一下 [儲存],儲存所有變更。

相關資訊

在 SharePoint Online 中建立易於存取網站的資源

SharePoint Online 的鍵盤快速鍵

SharePoint 可讓您輕鬆為所有多媒體內容新增替代文字。 替代文字是邁向文件全面無障礙的首要步驟之一。 它可以協助視力障礙使用者了解影像、螢幕擷取畫面、圖表、視訊等等的內容。 聽障使用者則仰賴文字稿來存取視訊或音訊檔案中的內容。

本主題內容

新增含有替代文字的圖片

使用相片、影像、美工圖案或音訊時,您必須尊重著作權。 如果是影像,Bing 的授權篩選功能可為您提供協助。

針對 SharePoint 網站頁面,完成下列步驟:

  1. 若要允許新增內容到您要編輯的頁面,請選取 [編輯] 連結。

  2. 選取 [新增網頁組件] 按鈕。

    SharePoint 中 [新增網頁組件] 按鈕的螢幕擷取畫面。
  3. 從選取功能表選取 [影像] 網頁組件。

    SharePoint 中 [影像] 網頁組件選取項目的螢幕擷取畫面。
  4. 從檔案位置清單選擇檔案位置。

    SharePoint 中 [檔案位置] 選取項目的螢幕擷取畫面。
  5. 選擇檔案,然後選取 [開啟]。

  6. 若要為影像新增替代文字,請選取 [編輯網頁組件] 連結。

    SharePoint 中 [編輯網頁組件] 按鈕的螢幕擷取畫面。
  7. 在 [替代文字] 方塊中輸入替代文字。

  8. 選取 [X] 以儲存替代文字。

    SharePoint 中 [影像] 替代文字對話方塊的螢幕擷取畫面。

協助工具的相關祕訣

  • 替代文字應簡潔明瞭。

  • 好的替代文字會向聆聽者講述圖片為何重要。

如需有關替代文字的詳細資訊 (包括範例和詳細資訊連結),請瀏覽 WebAIM 替代文字頁面 (英文)。

在 SharePoint 頁面中新增影片

每當您在頁面新增視訊時,請務必包含內容的字幕和音訊描述。 字幕可讓有聽力障礙的使用者了解內容,而且可輔助觀看視訊的非母語使用者。

  1. 若要允許新增內容到您要編輯的頁面,請選取 [編輯] 連結。

  2. 選取 [新增網頁組件] 按鈕。

    SharePoint 中 [新增網頁組件] 按鈕的螢幕擷取畫面。
  3. 選取 [內嵌]。

    SharePoint 中 [內嵌內容] 功能表的螢幕擷取畫面。
  4. 輸入您要顯示之影片的 URL 或內嵌程式碼。

    SharePoint 中 [內嵌程式碼] 對話方塊的螢幕擷取畫面。

    附註: 針對 YouTube 影片,請立即在影片位址資訊的後面,於內嵌程式碼中包含這行:&cc_load_policy=1 (例如 <iframe width="560" height="315" src="https://www.youtube.com/embed/7XocqGYt4J4&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>)。

  5. 選取 [X] 以儲存內嵌影片。

  6. 若要在 SharePoint 新式體驗上從您的網站資產集合新增影片,請從 [網頁組件] 功能表選取 [Office 365 影片]。

    SharePoint 中 [Office 365 影片] 功能表按鈕的螢幕擷取畫面。
  7. 選取 [新增影片]。

    SharePoint 中 Office 365 [新增影片] 對話方塊的螢幕擷取畫面。
  8. 輸入要顯示在頁面上的 [Office 365 影片] 的 URL。

    SharePoint 中 Office 365 影片位址對話方塊的螢幕擷取畫面。
  9. 輸入位址之後,請選取 [X] 以將影片儲存到頁面。

    附註: 這裡只能選取您 SharePoint 網站集合中的影片。 YouTube 或 Vimeo 影片等外部項目必須透過內嵌的方式。

  10. 完成後,若要儲存此頁面的變更,請選取 [儲存並變更] 或 [發佈]。

另請參閱

在 SharePoint Online 中建立易於存取網站的資源

SharePoint Online 的鍵盤快速鍵

Need more help?

Want more options?

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

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