本主題將逐步指導你,讓你的 Project Online 網站和專案對身心障礙者更友善。
Project Online 網站通常高度視覺化,盲人或視力低下者若以無障礙為考量來設計網站與專案,會更容易理解。
線上:讓 Project Online 網站與專案更易於使用的最佳實務
下表列出建立對身心障礙者無障礙的 Project Online 網站與專案的關鍵最佳實務。
| 要修正的內容 | 如何尋找 | 為什麼要修正 | 如何修正 |
|---|---|---|---|
| 針對文字與背景色彩,請使用足夠的對比。 | 在你的專案網站上尋找難以辨識或與背景區分的圖表、表格和文字。 | 在文字與背景之間使用強烈的對比,可協助弱視使用者輕鬆閱讀及使用內容。 在白色或灰白色背景上使用深色文字,相反地,在深色背景上則使用白色文字。 黑白配置也可讓色盲使用者更容易區分文字和圖案。 |
使用無障礙的網站設計 更換網站顏色 使用易於理解的甘特圖設計 |
| 確定色彩不是傳達資訊的唯一方式。 | 要找出顏色編碼的例子,請視覺掃描你專案網站上的內容。 | 視障、弱視或色盲使用者可能會錯過特定色彩所傳達的意義。 例如,在顏色編碼的超連結文字中加底線,讓色盲者即使看不見顏色,也能知道這是連結。 針對標題,請考慮新增粗體或使用較大的字型。 |
使用無障礙的網站設計 |
| 使用無襯線字體。 | 要找出字型相關的潛在問題,請檢視資料中看起來擁擠或難以辨認的區域。 | 有閱讀障礙的使用者描述在頁面上看到文字「攪和在一起」(一行文字與下一行文字壓縮在一起)。 他們經常看到文字合併或扭曲。 針對有閱讀障礙的使用者或弱視使用者,請降低他們的閱讀負荷。 例如,熟悉的無襯線字型可能會對他們有所助益,例如新細明體、Arial 或 Calibri。 避免使用全大寫字母的用字,以及過多斜體或底線。 |
使用無障礙的網站設計 更換網站字型 |
| 為你的網站和專案加上描述。 | 請確認網站和專案說明是否有有意義的文字。 | 使用螢幕閱讀器的 People 有時會掃描網站內容。 關於網站及專案內容的清晰且準確的資訊,幫助使用者導航並判斷網站或專案上的資訊是否與他們相關。 |
為你的網站添加描述 為你的專案加入描述 |
| 為您的網站標誌添加替代文字。 | 檢查標誌描述是否有有意義的文字。 | 替代文字可協助看不到螢幕的使用者了解影像和其他視覺效果中的重要資訊。 避免在影像中以文字做為傳達重要資訊的唯一方式。 如果您必須使用其中含有文字的影像,請在文件中重複該文字。 在替代文字中,簡短描述影像,並提及文字的存在及它的用途。 |
為網站標誌新增替代文字 |
使用無障礙的網站設計
Project Online 提供預先定義的網站設計,包含可及的顏色與字型。
在 Project Online 中,選擇設定選單圖示

在設定選單中,選擇 更改外觀。
在網站設計清單中,選擇你想要的設計。
在設計細節頁面,選擇「試用」。
要使用該設計,請選擇 「是,保留它」。 新設計會套用到你的網站。
更換網站顏色
- 在 Project Online 中,選擇設定選單圖示。
- 在設定選單中,選擇 更改外觀。
- 在網站設計列表中,選擇 「目前」。
- 在設計細節頁面,選擇目前的色彩搭配色盤,並於 色彩 選單中選擇。
- 在選單中選擇新的配色方案。
- 選擇「試用」。
- 要使用新的配色方案,請選擇 「是,保留它」。 新顏色會套用到你的網站。
使用易於理解的甘特圖設計
你可以自訂甘特圖的設計,讓它們更易接近。 例如,你可以更改條狀的顏色。
在 Project Online 中,選擇設定選單圖示。
在設定選單中,選擇 PWA 設定。
在 PWA 設定列表中,選擇甘 特圖格式。
在 甘特圖的 選單中,選擇你想要的圖表。
在圖表細節表中,做你想要的修改。
如果你想用不同名稱儲存變更,請選擇 重新命名。 輸入圖表的新名稱,然後選擇 確定。
若要儲存您的變更,請選取 [儲存] 。
更換網站字型
在 Project Online 中,選擇設定選單圖示。
在設定選單中,選擇 更改外觀。
在網站設計列表中,選擇 「目前」。
在設計細節頁面,選擇字 型 選單中的目前字型方案。
在選單中選擇新的字型配置。
選擇「試用」。
要使用新的字型配置,請選擇 「是,保留它」。 新字型會套用到你的網站。
為你的網站添加描述
在 Project Online 中,選擇設定選單圖示。
在設定選單中,選擇 網站設定。
在 網站設定 頁面,選擇 標題、描述和標誌。
在 描述: 文字欄位輸入網站簡短描述。
選取 [確定]。
為你的專案加入描述
在 專案 檢視中,選擇你想要的專案。
在左側的導覽窗格中,選擇 專案細節。
選取 [編輯]。
在 描述 文字欄位輸入專案簡短說明。
選取 [儲存]。
為網站標誌新增替代文字
在 Project Online 中,選擇設定選單圖示。
在設定選單中,選擇 網站設定。
在 網站設定 頁面,選擇 標題、描述和標誌。
在輸入時, 描述 (作為圖片的替代文字,) 文字 欄位,輸入一段描述標誌的簡短文字。
選取 [確定]。
另請參閱
針對身心障礙使用者提供的客戶技術支援
Microsoft 盡最大的努力為所有客戶提供最佳的體驗。 如果您有身心障礙或無障礙相關問題,請聯絡 Microsoft 殘障服務 台尋求技術協助。 殘疾人士 Answer Desk 支援小組受過許多常用輔助技術的訓練,並可提供英文、西班牙文、法文和美國手語的協助。 請移至 Microsoft 殘疾人士 Answer Desk 網站,了解您所在地區的連絡人詳細資料。
如果您是政府、商業或企業用戶,請聯絡 企業殘障諮詢台。