協助工具 (設計基本概念)

注意

此設計指南是針對 Windows 7 所建立,尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用,但簡報和範例不會反映 我們目前的設計指導方針

設計協助工具的軟體意謂著確保程式與功能很容易提供給廣泛的使用者,包括身心障礙和障礙的使用者。

協助工具功能可協助的使用者數目可能會讓您感到意外;例如,在美國中,問卷顯示超過一半的電腦使用者遇到與協助工具相關的困難或障礙,而且可能受益于無障礙技術的使用。 此外,使用彈性和包容性來接近軟體設計,這些彈性和包容性通常會導致整體提升的可用性和客戶滿意度。

[輕鬆存取中心] 對話方塊的螢幕擷取畫面

可從主控台取得的簡易存取中心,提供一個中央位置,讓使用者可以選擇和自訂他們想要的協助工具功能。

注意:鍵盤滑鼠色彩音效 相關的指導方針會顯示在不同的文章中。

設計概念

當使用者與電腦硬體和軟體互動時,許多實體、認知和認知因素都會生效。 在考慮讓程式的功能更容易存取之前,它有助於瞭解有哪些類型的身心障礙和障礙存在,而這些使用者可能會在與電腦互動時使用的一些輔助技術。

障礙類型

下表說明常見的使用者身心障礙和障礙,並列出一些用來讓電腦更容易存取的最重要解決方案。

損害 Description 方案
視覺效果
範圍從 (影響 17% 的使用者) 到影響 9% 使用者) 嚴重 (。
可自訂放大、色彩和對比;大括弧公用程式;螢幕助讀程式。
聽覺
範圍從 (影響 18% 的使用者) 到影響 2% 使用者) 嚴重 (。
資訊備援:僅用來補充文字或視覺通訊的音效。
靈巧
範圍從 (影響 19% 的使用者) 到影響 5% 使用者) 嚴重 (。 這種障礙通常牽涉到使用鍵盤或滑鼠執行特定運動技能的困難。
輸入法備援:滑鼠或鍵盤對等專案所存取的程式功能。
認知
包含記憶體障礙和認知差異。 影響 16% 的使用者。
高度自訂的使用者介面 (UI) ;使用 漸進式洩漏 來隱藏複雜度;使用圖示和其他視覺輔助工具。
扣押
包含移動和閃爍的視覺敏感度。
對介面進行調調的保守方法,例如使用動畫;避免介於 2 Hertz (Hz) 和 55 Hz 之間的螢幕閃爍。
語音或語言
包括障礙和溝通困難。
拼字檢查和文法檢查公用程式;語音辨識和文字轉換語音技術。

如需協助使用者處理這些障礙的更多指導方針,請參閱本文稍後 的解決特定障礙

輔助技術和協助工具功能的類型

螢幕助讀程式

螢幕助讀程式可讓使用者透過將視覺效果轉換成音訊來流覽 UI。 因此,螢幕助讀程式的電腦化語音會說出 UI 文字、控制項、功能表、工具列、圖形和其他螢幕元素。 若要建立針對螢幕助讀程式輔助技術優化的程式,您必須規劃螢幕助讀程式如何識別每個 UI 元素。

使用者可以與其互動的每個 UI 元素都必須可存取鍵盤,以及透過協助工具應用程式程式設計介面公開, (API) 。 我們建議使用 消費者介面自動化,這是所有支援 WPF Windows Presentation Foundation () Microsoft Windows 版本的新協助工具架構。 消費者介面自動化提供桌面上大部分元素的程式設計存取,讓螢幕助讀程式等輔助技術產品為使用者提供 UI 的相關資訊,以及透過標準輸入 (以外的方式操作 UI,例如說出,而不是操作滑鼠或鍵盤) 。 如需詳細資訊,請參閱消費者介面自動化概觀

請注意,雖然螢幕助讀程式是非常重要的輔助技術,但也有其他輔助技術。 如需可用技術範圍的詳細資訊,請參閱 輔助技術產品的類型

語音辨識

語音辨識是 Windows 中的協助工具功能,可讓使用者透過語音與其電腦互動,減少與滑鼠或鍵盤的馬達互動需求。 使用者可以聽寫檔和電子郵件、使用語音命令在程式之間啟動和切換、控制作業系統,甚至填寫網路上的表單。

放大鏡

放大可藉由將畫面上的專案放大到原始的 2 倍到 16 倍,以協助低視覺的使用者。 使用者可以設定此功能來追蹤滑鼠 (,以查看滑鼠指向) 的放大版本、鍵盤 (,以查看指標在索引標籤) 時移動的區域,或 (文字編輯,以查看他們輸入的內容) 。

視覺效果設定和色彩配置

除了讓螢幕上的專案變大之外,具有視覺障礙的使用者可能受益于系統設定,例如 高對比模式 或自訂背景和前景色彩配置的能力。

Narrator

朗讀程式是 Windows 中的相應縮小螢幕助讀程式,可讓使用者聽到螢幕文字和 UI 元素大聲朗讀,甚至包括某些事件 (包括錯誤訊息) 發生。 使用者可以聽到朗讀程式功能表,而不需要離開使用中的視窗。

[microsoft 朗讀程式] 對話方塊的螢幕擷取畫面

使用者可以自訂使用 Microsoft 朗讀程式的範圍。

螢幕小鍵盤

對於難以使用實體鍵盤的使用者,而且需要使用替代的輸入裝置,例如開關,螢幕鍵盤是必要的。 使用者可以根據您設定螢幕鍵盤的方式,使用滑鼠或其他指向裝置、小型按鍵群組或只選取一個按鍵的按鍵。

滑鼠鍵

啟用滑鼠按鍵時,偏好鍵盤的使用者可以使用數位按鍵板上的方向鍵來移動滑鼠指標。

如需協助工具功能的完整清單,請參閱 Microsoft 網站上的 Windows Vista 協助工具

以鍵盤為基礎的流覽

Tab 鍵、方向鍵、空格鍵和 Enter 鍵對於鍵盤型導覽而言很重要。 按 Tab 鍵會透過不同的控制項群組迴圈 輸入焦點 ,按下方向鍵會在控制項內或群組內的控制項之間移動。 按下空格鍵與按一下具有輸入焦點的控制項相同,而按下 Enter 與按一下預設命令按鈕或命令連結相同,而不論輸入焦點為何。

[空白回收站] 對話方塊的螢幕擷取畫面

在此範例中,使用者可以按 Tab 鍵,直到所需的選項具有輸入焦點,然後按 Enter 以開啟物件。

存取金鑰

存取金鑰可讓使用者選擇選項並直接起始命令,而不需要先流覽至控制項。 存取金鑰會以在每個控制項標籤中的其中一個字元加上底線來表示。 使用者接著按下 ALT 鍵以及加底線字元來啟用選項或命令。 存取金鑰不區分大小寫。

檔案功能表和存取金鑰的螢幕擷取畫面

在此範例中,按下 Alt+O 會啟動 Open 命令。

選擇控制項的邏輯便捷鍵通常不會造成困難;不過,視窗上的控制項越多,您就可能會用盡存取金鑰選項。 在此情況下,請將存取金鑰指派給控制群組,而不是每個個別群組。

控制群組和存取金鑰的螢幕擷取畫面

在此範例中,存取金鑰會指派給控制群組,而不是個別控制項。

便捷鍵通常與快速鍵混淆,但快速鍵的指派方式與便捷鍵不同,而且有不同的目標。 例如,快速鍵使用 Ctrl 鍵和函式按鍵序列,主要是做為進階使用者的快捷方式,而不是協助工具。

如需詳細資訊,請參閱 鍵盤

設計協助工具:三種基本作法

無障礙程式會以某種方式協助所有使用者,因為協助工具與可用性目標重迭。 例如,設計來讓進階使用者盡可能有效率的功能,也會讓偏好使用鍵盤的使用者受益,因為索引障礙。

三種基本作法可協助您進行無障礙設計:允許 UI 中的彈性程度、遵守使用者需求和喜好設定在設計決策中扮演主要角色,並提供 UI 的程式設計存取權。

提供彈性 UI

無障礙設計至少是關於為使用者提供選擇。 不是令人沮喪、令人感到令人感到模糊的選擇陣列,而是能智慧地預測使用者需求的有限選擇數目。 「不想透過滑鼠流覽? 在這裡,您只能使用鍵盤來執行非常相同的動作。 不喜歡實體鍵盤嗎? 以下是您可以在畫面上使用的虛擬虛擬專案。」

例如,提供下列方式的彈性:

  • 例如,為非文字元素提供使用者可選取的對等專案 (,例如,圖形的替代文字和音訊) 的輔助字幕。

    登入按鈕的螢幕擷取畫面

    登入按鈕的替代文字螢幕擷取畫面

    選擇不轉譯圖形的使用者應該會看到替代文字,描述控制項的用途,以及如何與其互動。

  • 例如,提供色彩 (的替代方法,例如圖示區分或使用音效) 。

    灰色網底 (灰階) 圖示的螢幕擷取畫面

    在此範例中,標準圖示會根據其設計輕鬆區分。

  • 例如,確保鍵盤存取 (每個互動式控制項的定位停駐點) ,讓使用者可以使用滑鼠或鍵盤在程式中完成相同的動作。

  • 確保您的程式為使用者提供良好的色彩對比選項。 Windows 提供高對比選項,但這實際上是設計成嚴重視覺障礙的解決方案。 其他對比選項最能為視力受損的使用者提供服務,例如低視覺和色盲。

  • 例如,透過滑杆控制項或下拉式方塊來調整程式 (UI 中的文字大小,例如,透過滑杆控制項或下拉式方塊來調整字型大小) 。 可能的話,支援每英吋高點數 (DPI) 模式。

  • 確保您的程式是多模式,這表示如果某些程式的主要模式無法存取,這些使用者就能夠解決問題。 例如,當動畫顯示時,資訊應該可在使用者選項的至少一個非動畫呈現模式中顯示。

多模式介面和彈性導覽基本上為使用者提供資訊備援的架構。 備援有時會有負數的串連;例如,在使用者介面文字中,我們建議移除備援以簡化閱讀體驗。 但在協助工具的內容中,備援表示正面、安全失敗的機制和體驗。

尊重您的使用者

一般而言,指導準則對於設計無障礙程式非常重要。 即使是智慧型練習,想像一下,身為已停用的使用者,必須遇到您的程式。 請花點時間以高對比模式和各種解析度測試 UI 畫面,以確保體驗對於視覺障礙的使用者而言是很好的體驗。 選取 [輕鬆存取中心] 主控台 (專案中的 [底線鍵盤快速鍵和便捷鍵] 核取方塊,以測試鍵盤協助工具,讓便捷鍵一律會顯示) 。 您甚至可以雇用具有自然能力來與其他人同理心的開發人員和設計人員,以超越嚴格的測試。

您也應該示範下列方式的尊重:

  • 例如,使用全系統設定 (系統色彩) ,而不是針對您的特定程式進行硬式連線設定。 不只遵守使用者特別選取的參數來與其程式互動,也遵守使用者想要生效之作業系統內建的協助工具功能,無論他們所使用的程式為何。 如需詳細資訊,請參閱 關於 Windows 協助工具功能
  • 偏好使用通用控制項來自訂控制項,因為通用控制項已經實作 Windows 協助工具 API。
  • 例如,記錄所有協助工具選項和功能 (,) 所有鍵盤快速鍵。 殘障使用者非常想要探索協助工具功能,而且通常會預期會在 [說明] 中收集完整的資訊。
  • 以無障礙格式建立無障礙檔。 因此,檔本身應該遵守與主要 UI 相同的協助工具規則,包括能夠放大字型大小、針對圖形使用替代文字,以及 (備援資訊架構,例如,只使用色彩編碼作為文字) 的補充。

在軟體產品中,對於使用者而言,對於可用性和市場研究、效力支援服務和檔,當然在設計決策方面,尊重使用者。 例如,在進階使用者的設計方面再思考一下:您要將該最先進的新功能放在中,還是因為您知道您的進階使用者已要求此功能? 後者的情況表示您的設計決策制定程式受到尊重的價值所充分瞭解。

提供程式設計存取

提供 UI 的程式設計存取是不可或缺的,因此輔助技術 (例如螢幕助讀程式、替代輸入裝置,以及語音辨識程式) 為使用者正確解譯螢幕。 藉由在程式中建立每個 UI 畫面的「地圖」,即可提供給輔助技術的使用者使用。

請執行下列動作:

  • 例如,使用 Active Accessibility COM 介面 IAccessible) ,以程式設計方式存取所有 UI 元素和文字 (。
  • 例如,使用 IAccessible Name 屬性,將名稱 (或標題放在 UI 物件、框架和頁面 () 上) 和描述。
  • 例如,確保所有 UI 活動都會觸發程式設計事件 (,例如,涉及焦點移動) 之所有 UI 活動的焦點事件。

如果您只執行四件事...

  1. 請確定每位使用者都可以利用程式的完整可能性。
  2. 將協助工具視為創意問題解決的機會,以及增加整體使用者滿意度的另一種方法。
  3. 遵守系統設定。
  4. 盡可能使用通用控制項。

指導方針

一般

  • 請勿中斷或停用作業系統或其他識別為輔助功能功能的產品啟用功能。 您可以參考有問題的作業系統或產品檔來識別這些功能。
  • 請勿強制使用者與程式互動,做為畫面上的頂端視窗。 如果使用者持續需要函式或視窗才能執行工作,則不論該視窗相對於其他視窗的位置為何,該視窗應該一律保持可見狀態。 例如,如果使用者有位於所有其他視窗頂端的可移動螢幕鍵盤,以便隨時顯示,則您的程式絕對不應該將它遮蔽在 Z 順序的頂端。
  • 盡可能使用系統色彩、字型和通用控制項。 如此一來,您就會大幅減少使用者遇到的協助工具問題數目。

解決特定障礙

視覺效果

  • 永不依賴色彩來傳達意義。 僅使用色彩做為強化文字、設計、位置或音效所提供意義的方法。

    紅色通訊器圖示和工具提示的螢幕擷取畫面

    此範例中通訊的主要方法是簡潔的工具提示文字。 使用色彩有助於傳達意義,但為次要。

  • 使用替代 (替換) 文字資訊提示來描述圖形。

  • 請勿在圖形中使用文字。 視覺障礙的使用者可能會關閉圖形 (例如,在網頁瀏覽器中) ,或可能只是看不到或尋找放在圖形中的文字。

  • 請確定對話方塊和視窗具有有意義的名稱, 以便聽聽的使用者,例如,使用螢幕助讀程式) 取得適當的內容資訊,而不是看到螢幕 (。

  • 請一律從 Theme 和 GetSystemMetrics API 取得字型字樣、大小和色彩、Windows 顯示元素大小,以及系統組態設定,以尊重使用者的視覺顯示設定。

  • 讓批註方塊文字保持簡潔 ,以便更容易閱讀,並將螢幕助讀程式的中斷降到最低。

    顯示釘選碼限制的批註方塊螢幕擷取畫面

    雖然批註方塊可能在必要時使用其他本文,但本範例顯示有時候標題文字會以更經濟且易於存取的方式達成相同的目標。

聽覺

  • 永不依賴音效來傳達意義。 只使用音效做為強化文字、設計、位置或色彩所提供的意義的方法。
  • 讓使用者控制音訊輸出的音量。 針對此目的,請使用 Windows 磁片區混音器。 如需詳細資訊,請參閱 音效
  • 以程式音效為目標,以介於 500 Hz 到 3000 Hz 之間的範圍發生 ,或讓使用者輕鬆調整到該範圍。 此範圍中的音效最有可能由聽障人士偵測到。

靈巧

  • 讓 UI 逾時值相對於 GetDoubleClickTime () ,而不是使用絕對時間。 這麼做會將逾時調整為使用者的速度。
  • 將便捷鍵指派給所有功能表項目 ,讓偏好使用鍵盤的使用者能夠與使用滑鼠的使用者一樣流覽程式。
  • 請勿按兩下並拖曳執行動作的唯一方式。 對於某些使用者而言,這些動作可能很困難。
  • 請勿從程式中移除功能表列。 功能表列比鍵盤使用者存取的工具列更容易。 如果您不想預設顯示功能表列,請改為隱藏。
  • 提供 [說明] 按鈕和連結的定位停駐點,讓 [說明] 可從鍵盤存取說明。
  • 若要改善程式中存取金鑰指派的認知,您可以隨時顯示它們。 在主控台中,移至 [輕鬆存取中心],然後按一下 [讓鍵盤更容易使用],然後選取 [底線鍵盤快速鍵和便捷鍵] 核取方塊。

認知

  • 使用漸進式洩漏 來隱藏複雜度。

    具有向下三角形的分割按鈕螢幕擷取畫面

    在這些範例中,預設會隱藏命令按鈕中可用的選項,而且使用者可以利用漸進式揭露控制項來選擇檢視選項。

  • 使用圖示、工具列和其他視覺輔助工具 ,以減少讀取文字的認知負載。

  • 可能的話,請在 文字方塊和可編輯的下拉式清單中提供自動完成功能,讓使用者不需要從一組有限的選項中輸入完整的命令、檔案名或類似選項名稱。 這可減少所有使用者的認知負載,並降低拼字或鍵入困難、緩慢或麻煩的使用者輸入量。

  • 藉由包含教學課程和動畫,示範說明中的困難概念。 請注意,對於視力障礙的使用者而言,動畫可能很困難,因此應該只在需要時才使用。

扣押

  • 請勿在介於 2-55 Hz 之間,使用閃爍或閃爍文字、物件或其他元素的閃爍或閃爍頻率。
  • 限制動畫的使用。 有些使用者特別敏感于螢幕移動,特別是在其視覺欄位的周邊。 如果您使用動畫來吸引注意力到某個專案,請確定值得注意並值得中斷使用者。

語音或語言

  • 組織並撰寫清楚、簡潔、容易理解的文字。 可用性測試顯示,在片語結尾展開重要資訊可改善理解。 如需更多指導方針,請參閱 樣式和音調

不正確:

下一個數位是否為三個?

按一下 [確定] 開始。

正確:

下一個數位三嗎?

若要開始,請按一下 [確定]。

存取金鑰

  • 偏好寬度寬的字元, 例如 w、m 和大寫字母。
  • 偏好特殊的同音或 vowel, 例如 「Exit」 中的 「x」。
  • 避免使用難以看到底線的字元, 例如 (從最有問題到最不有問題的字元) :
    • 只有一個圖元寬的字元,例如 i 和 l。
    • 具有子系的字元,例如 g、j、p、q 和 y。
    • 下階字母旁的字元。
  • 將便捷鍵指派給所有功能表項目。 沒有例外狀況。

  • 對於動態功能表項目, (例如最近使用的檔案) ,請以數值方式指派便捷鍵。

    開啟功能表的螢幕擷取畫面,其中包含最近使用的檔案

    在此範例中,Windows 中的 Paint 程式會將數值便捷鍵指派給最近使用的檔案。

  • 在功能表層級內指派唯一存取金鑰。 您可以跨不同的功能表層級重複使用便捷鍵。

  • 讓存取金鑰易於尋找:

    • 對於最常使用的功能表項目,請選擇標籤第一個或第二個單字開頭的字元,最好是第一個字元。
    • 對於較不常使用的功能表項目,請選擇標籤中特殊同音或 Vowel 的字母。

對話方塊存取金鑰

  • 可能的話,請指派唯一便捷鍵給所有互動式控制項或其標籤。唯讀文字方塊 是互動式控制項 (,因為使用者可以捲動它們並複製文字) ,因此他們受益于便捷鍵。 請勿將存取金鑰指派給:

    • [確定]、[取消] 和 [關閉] 按鈕。 Enter 和 Esc 會用於其存取金鑰。 不過,一律將便捷鍵指派給表示 OK 或 Cancel 的控制項,但有不同的標籤。

      具有已指派存取金鑰之控制項的螢幕擷取畫面

      在此範例中,正認可按鈕已指派存取金鑰。

  • 群組標籤。 一般而言,群組內的個別控制項會獲指派存取金鑰,因此群組標籤不需要一個。 不過,如果存取金鑰不足,請將存取金鑰指派給群組標籤,而不是個別控制項。

  • 使用 F1 存取的一般說明按鈕

  • 連結標籤。 指派唯一存取金鑰的連結通常太多,且連結底線會隱藏便捷鍵底線。 讓使用者改為使用 Tab 鍵存取連結。

  • 索引標籤名稱。 索引標籤是使用 Ctrl+Tab 和 Ctrl+Shift+Tab 迴圈。

  • 流覽標示為 「...」的按鈕。 這些無法唯一指派存取金鑰。

  • 未標記的控制項, 例如微調控制項、圖形命令按鈕,以及未標記的漸進式洩漏控制項。

  • 非標籤靜態文字或非互動式控制項的標籤, 例如進度列。

  • 先指派認可按鈕存取金鑰,以確保其具有標準金鑰指派。 如果沒有標準索引鍵指派,請使用第一個單字的第一個字母。 例如,[是] 和 [否] 認可按鈕的存取金鑰應該一律為 「Y」 和 「N」,不論對話方塊中的其他控制項為何。

  • 對於取消 () 片語為 「Don't」 以外的負認可按鈕,請將存取金鑰指派給 「Don't」 中的 「n」。 如果未片語為「不要」,請使用標準存取金鑰指派,或指派第一個字的第一個字母。 如此一來,所有 Don's 和 No 都有一致的存取金鑰。

  • 若要輕鬆尋找便捷鍵,請將便捷鍵指派給標籤早期出現的字元, 最好是第一個字元,即使標籤稍後出現的關鍵字也一樣。

如需更多指導方針和範例,請參閱 鍵盤

Text

  • 使用外部控制項標籤結尾的冒號。 有些輔助技術會尋找冒號來識別控制項標籤。

  • 將標籤定位為相對於其標籤的專案一致。 這有助於輔助技術正確地將標籤與其對應的控制項產生關聯,並協助螢幕放大工具的使用者知道要在哪裡尋找標籤或控制項。

    一致放置標籤的螢幕擷取畫面

    在此範例中,每個下拉式清單的標籤會一致地放置,並使用冒號。

  • 將替代文字上限限制為 150 個字元。 描述啟動控制項的動作 (例如,按一下滑鼠右鍵,依此類) ,然後描述控制項的函式。

    可以接受:

    按鈕。

    藍色青色。

    較佳:

    按一下以登入您的帳戶。

    遠距距離的相片,顯示色彩如何淡出距離。

  • 請勿使用文字來繪製線條、方塊或其他圖形符號。 以此方式使用的字元可能會混淆螢幕助讀程式的使用者。 例如,在文字區域周圍以字母 「X」 繪製的方塊,會由螢幕助讀程式軟體在第一行讀取為 「X X」,後面接著 「X」 和內容和 「X」。

文件

  • 例如,記錄所有協助工具選項和功能 (,例如所有鍵盤快速鍵) 。
  • 使用無障礙格式建立無障礙檔。 因此,檔本身應該遵守與主要 UI 相同的協助工具規則。
  • 請參閱便捷鍵,而非快速鍵 (具有不同意義,並使用) 、助憶鍵或快速鍵。
  • 一般而言,是指一種身心障礙人士,而不是已停用的人員。 請先考慮人員,而不是標籤。
使用這些條款 取代
具有有限的彈性,具有動作障礙
Crippled、lame
沒有身心障礙
正常、具備主體、狀況良好
單手輸入的人員
單手
身心障礙人員
已停用、已停用的人員、殘障人士、殘障人士
認知障礙,開發障礙