打造無障礙網站

建立協作平台網站時，請按照下列提示，確保所有人都能順利閱讀你的內容，包括身心障礙人士。

加入替代文字

針對圖片、標誌、繪圖和其他圖形使用替代文字。如果沒有替代文字，螢幕閱讀器使用者只會聽到「圖片」的語音提示。有些圖片會自動附上替代文字，建議你在使用前先確認自動替代文字是否符合需求。

為插入的圖片加上或編輯替代文字

1. 選取圖片或標誌。
2. 依序點選「更多編輯選項」圖示  「新增替代文字」。
3. 在說明欄位中輸入替代文字。

為背景圖片加上或編輯替代文字

1. 使用電腦在 Google 協作平台中開啟網站。
2. 為以下位置的背景圖片加上替代文字：
   • 網站頁首：按一下頁首左下方的「圖片」圖示 。
   • 內容區段：依序按一下目標區段右側的「區段顏色」圖示 「圖片」圖示 。
3. 按一下「替代文字」。
4. 在說明欄位中輸入替代文字。

為自訂主題的標誌或橫幅圖片加上或編輯替代文字

為新的自訂主題加上替代文字

1. 使用電腦在 Google 協作平台中開啟網站。
2. 選取右側的「主題」面板。
3. 選取「自訂」底下的「建立主題」圖示 。
4. 如要上傳標誌或橫幅圖片，請依序點選「新增圖片」圖示 「上傳」。
5. 如要加上替代文字，請依序點選該上傳圖片 「替代文字」。

為自訂主題的頁首加上或編輯替代文字

1. 使用電腦在 Google 協作平台中開啟網站。
2. 選取右側的「主題」面板。
3. 在「自訂」底下，依序選取目標自訂主題右上角的「更多」圖示 「編輯」。
4. 依序按一下「圖片」下方的頁首圖片 「替代文字」。
5. 在說明欄位中輸入替代文字。

請參閱這篇文章，進一步瞭解自訂主題。

使用高色彩對比

如果色彩對比的程度足夠鮮明，使用者就更容易閱讀文字及解讀圖片內容。網頁內容無障礙程度指南 (WCAG) 2.0 建議大字體的色彩對比至少為 4.5:1，其他文字和圖片則至少為 7:1。舉例來說，請避免在白色背景中使用淺灰色文字。

你可以使用 Chrome 開發人員工具查看提高色彩對比的建議，並應用在你的網站上。

使用說明連結文字

螢幕閱讀器可掃描連結，因此敘述性的連結文字非常實用。使用頁面標題做為連結文字的效果最佳，舉例來說，如果你要連結至個人資料頁面，連結文字應為「我的個人資料」，而不是「按一下這裡」或完整的網址。

檢查文字大小和對齊方式

如果想讓協作平台網站容易閱讀，請盡量使用較大的字體，並且讓文字靠左對齊。左右對齊的文字間會有額外的空格，因此較不易閱讀。

使用文字傳達格式設定的意義

建議你不要只透過視覺化格式傳達意義，因為螢幕閱讀器可能讀不出格式的差異 (例如粗體或醒目顯示)。舉例來說，如要標記某段重要文字，請加入「重要」這個字詞。

使用編號清單和項目符號清單

Google 文件和 Google 簡報會自動偵測某些清單並設定格式，以符合無障礙需求。例如，當您在文件中新的一行開頭輸入數字「1」，後面再加上半形句號時，這一行就會自動變成編號清單中的第一項。瞭解如何調整項目符號清單和編號清單的格式。