App Store Connect 輔助說明
「深色介面」的評估標準
說明
對光線敏感的使用者,可在執行 App 的一般作業時,維持深色的使用者介面,以減輕眼睛的疼痛或不適。
目標
無論是否具有障礙,所有人都要能順利使用你的 App。「深色介面」功能的目的,是協助對光線敏感的使用者。當螢幕上出現較大的白色或亮色區域時,他們可能會感到不適,甚至生理疼痛的情況。請務必記住這一點,因為我們的目標不僅僅是讓介面變暗,而是要維持深色介面。即使是短暫的明亮畫面閃爍,也可能造成不適或影響使用體驗。
以下各節將提供更多詳細資訊,說明如何判斷你的 App 是否順利支援「深色介面」。評估的目標是確保身障人士可以使用 App 的所有一般作業,因此執行這項評估工作將協助你判斷是否要在 App Store 上表明你的 App 支援深色介面。
展開檢測
你不一定要採用 Apple 的架構來表明你的 App 支援「深色介面」功能,但我們建議你檢視 Apple 原生 App 對於系統層級的輔助使用設定如何回應,以瞭解優質使用者體驗的理想樣貌。如果你的 App 內提供相關設定,則至少應支援類似系統層級設定的功能,或提供更精細的使用者介面自訂功能。
為確保你具備充分的理解與能力來展開「深色介面」的檢測,請檢視下列資源,瞭解如何在你 App 支援的各型裝置上開啟「深色模式」。
-
若為 iPhone,請參閱在 iPhone 上調整螢幕亮度和色彩。
-
若為 iPad,請參閱在 iPad 上調整螢幕亮度和色彩。
-
若為 Mac,請參閱在 Mac 上使用淺色或深色外觀。
-
若為 Apple Vision Pro,請參閱在 Apple Vision Pro 上更改文字、App 視窗等項目的外觀。
一個常見的錯誤是:在淺色模式的介面中提供足夠的對比度,但在深色模式中卻忽略了對比度的需求。許多開發者在深色模式下使用灰色搭配黑色來顯示文字,這種配色在低光源環境中,對一般視力使用者而言能減輕眼睛疲勞,但對於低視能或對光敏感的使用者來說,這種降低對比度的設計可能更難閱讀。在測試 App 時,建議你結合深色模式的配色和「增加對比」輔助功能設定。
表明 App 支援「深色介面」
只要你的 App 在執行所有一般作業時,皆預設為深色模式(不包括第三方或使用者原創的內容),即可表明 App 支援深色模式。舉例來說,大多數 App 在 tvOS 與 watchOS 的預設值都是深色模式。
如果你的 App 並非所有一般任務都預設為深色模式,但允許使用者啟用讓介面維持深色的模式或設定,也可以表明 App 支援該模式。可行的作法包括支援系統層級的深色模式外觀、使用自訂的深色配色,或在不得已的情況下,支援系統層級的輔助使用設定「智慧型反相」。
-
請當心意料之外的顏色變化,這可能會造成使用者混淆。舉例來說,若仰賴「智慧型反相」設定而沒有考慮顏色反轉的情況,紅色的「刪除」按鈕可能會反轉為綠色。此外,當啟用「智慧型反相」時,請確保媒體中的顏色看起來並未反轉。
-
若為半透明的檢視畫面(包括使用透視功能的 Apple Vision Pro App),只要你 App 呈現的使用者介面是深色的,就可以表明支援「深色介面」。從背景透過 App 的光線不屬於你需要處理的範圍。不過,如果啟用了系統的「增加對比」或「減少透明度」設定,請考慮是否減少 App 的透光度。
-
如果你 App 的一般作業需要用到第三方或使用者原創的內容,請參閱 Accessibility Nutrition Label 概覽中有關第三方內容的詳細指南。
表明你的 App 在一般作業上支援「深色介面」並非一次性的工作;你仍可能進一步改善你 App 的輔助使用功能。每次更新 App 時,都要重新評估你的 App 對「深色介面」的支援情形。請設定目標,在 App 的每個版本發佈後,都能讓越多人更容易使用你的 App。
《Human Interface Guidelines》(人性介面規範)> Dark Mode(深色模式)
Supporting Dark Mode in your Interface(在你的介面中支援深色模式) 觀看影片:Make your app visually accessible(讓你的 App 具備視覺輔助功能)