譯文 | 無障礙字體指南:如何讓字體更為友好
Matrix 首頁推薦
Matrix是少數派的寫作社區,我們主張分享真實的產品體驗,有實用價值的經驗與思考。我們會不定期挑選 Matrix 最優質的文章,展示來自用户的最真實的體驗和觀點。
文章代表作者個人觀點,少數派僅對標題和排版略作修改。
本文原文題為 A Guide to Understanding What Makes a Typeface Accessible ,發表在 Medium 上,作者為 Gareth Ford Williams。可關注公眾號: 第三設計觀察所 關注譯者其他文章。
*已獲得作者授權,歡迎一起交流,轉載請聯繫譯者。
*封面圖來源 Dribbble,設計師 Ricardo Santos
字體/字型是無障礙閲讀的體驗基線。
當我們希望讓我們的信息儘可能的無障礙時,選擇一種可以幫助視力不佳、學習障礙、失語症、失讀症或者低識字率的閲讀者提高易讀性(legibility) 1 和可讀性(readability) 2 的字體是至關重要的。
但想要讓字體真正具備無障礙性則需要結合其他的最佳視覺原則;同時如果沒有選擇一個好的字體,僅用顏色對比這類的方法的效果也只是有限的。
下文所列出的原則不是影響字體無障礙的唯一因素,但它們是基於神經科學和形成性研究的用户數據所總結出的提升閲讀體驗的基礎。有一些字體自稱對不同的用户類型都是「無障礙的」,但其根據只是一些假設和傳聞。所以在你使用字體/字型前請檢查一下字體聲明。
BBC Reith & Qalam
在開發和測試 BBC Reith 和 Qalam 時,項目團隊包括聘請了神經科學家 Alessia Nicotra 博士(神經學和神經生理學博士)作為專家顧問。這是為了幫助團隊瞭解不同類型的人羣是如何閲讀的。這不僅為開發 Reith 的方法提供了依據,也為可讀性測試提供了方法(其中參與測試的用户羣體包括重度視力障礙者、閲讀障礙者和沒有任何症狀的對照組)。
無障礙字體指南
我們在開發 BBC Reith 和 Qalam 所進行的實驗讓我們總結出了一些原則。使用這些方法可以為有學習障礙、視覺障礙、失語症、失讀症的人提供更友好的字體(typeface)設計和字型(font)選擇方案,同時可以保持我們網站或 app 的品牌完整性和一致性。
我們要注意的一點是,閲讀障礙並不是一種視覺疾病,而是一種一種大腦綜合處理視覺和聽覺信息不能協調的神經發育疾病。還有很多其他的認知特徵和症狀會影響到很大一部分人(即使他沒有閲讀障礙),比如鏡像書寫症(letter mirroring) 3 ,敏感性綜合症(Irlen syndrome) 4 和視覺不適(偏頭痛)。
同樣值得注意的是,語言的透明 5 也會影響到閲讀障礙的發生概率。因此,像德語或意大利語等語言的閲讀障礙病例明顯低於英語或法語。我們可以提供一些類似較低對比度色系或特定的顏色組合來提高一些對非閲讀障礙症核心病徵的視覺處理需求。
這些是你可以用到的字體設計原則:
- 適合讀者的字體樣式
- 避免相似的字母形狀
- 確保沒有鏡像字母
- 字母之間更容易區分
- 在小尺寸中使用人文主義字體
- 足夠的字母間距
- 大寫字母和升部之間的高度應有明顯區別
- 在具體場景中測試字體的可用性
1. 選擇適合讀者的字體
對於正在學習閲讀的兒童或者閲讀能力較低的成年人來説,形狀不太複雜的無襯線字體更有助於字符的識別。
襯線字體可以消除字符形狀所帶來的誤解,給進階讀者提供更流暢的可讀性。在進行長閲讀的時候,可以帶來更好的閲讀流,減少用户的疲勞感,提高閲讀速度和離解能力。
但無襯線字體可以幫助初級讀者(例如兒童,識字率低或學習困難的成年人)識別單個字符。舉個例子,單層的「a」(Comic Sans)比雙層的變體「a」更容易被認出來。
Comic Sans 的這種隨意的視覺風格在致力於與兒童交流或與兒童有關的組織中很受歡迎。然而,如果組織的形象是正式的或潮流的,那麼這種選擇可能會破壞它的形象和品牌完整性。
但對於進階讀者來説,單層「a」可能會干擾閲讀的流程,因為它與「o」「c」甚至「d」等其他字母形狀相似。一旦適應了雙層的「a」,那麼它會提供更好的區分和閲讀流。
隨着孩子的成長,他們的閲讀能力也在提高。從學習單個字符的形狀和發音開始,然後他們可以識別分組,完整的單詞,最終掌握掃讀。在掃視的過程中,眼睛/大腦注視着單個字符,在左邊拾取兩到三個,在右邊拾取三到四個,然後跳到下一個焦點。但請注意,你的目標讀者他們的掃讀能力不一定相同。
在某些情況下,字體/字型的無障礙性可能被視為用户可以切換的「替代選項」。或者像 BBC Reith 一樣,有額外的字符或變體字體。那麼此時,默認字體可以為兒童閲讀或困難閲讀的語境顯示(被壓縮的數據表)進行優化。
2. 避免設計出相似形狀的字母
有些字體的設計中,很多字符在形狀上幾乎是相同的。字符「I1l」(Gill Sans 中大寫的 i,數字 1,小寫的 L)就是很好的例子。為了避免這個問題,選擇在大寫字母「I」的頂部和/或底部都有明顯特徵的字體,以及在數字「1」的頂部有一個短但明顯的字臂(arm) 6 。
3. 確保沒有鏡像字母
所有視力正常的幼兒都會把字符水平翻轉,這是他們早期神經發育的一部分。但在大約六歲的時候,這種神經特徵會隨着持續生理髮育的自行消失。但在一些幼兒中,這種消失不會發生。因此,對於他們來講鏡像書寫症是終身的。d 和 b,q 和 p,字符形狀需要是明顯有差異的,特徵不能是糢糊的。舉個例子,BBC Reith(左)設計了獨特的字符形狀,而 Public Sans(右)採用了鏡像的設計。
4. 字母之間更容易區分
如果字符形狀過於封閉,或者它們的字懷(counter) 7 太小,或者開口(aperture) 8 過於封閉那麼我們就會感覺它們十分相似。這也就是為什麼對於中度到重度視力障礙的人來説,o、c、e、a 這些字符很容易搞混,這讓單詞對於他們更難識別。故而,在字體設計使用更開放的字懷可以更好地強調字符形狀的特徵來增加易讀性。
5. 在小尺寸中使用人文主義字體而不是怪誕字體
人文主義字體(humanist typefaces) 往往有多種字符寬度,這有助於避免字符形狀的糢糊性,從而幫助快速和準確的識別字符。不同的字符寬度可以幫助不同閲讀能力的人識別字符。
6. 確保足夠的字母間距
即便是對於視力和閲讀能力良好的人來説,緊密的字符間距對於也會降低文本的可讀性。對於閲讀障礙者而言,隨着字符間距變緊,對單個字符的分辨能力將會降低。他們會感覺字符是連在一起的,比如「ol」「lo」或「vv」,或者只是因為過於緊密而然字符在單詞中難以辨認。如果是重度障礙者,字符間距過窄會造成視覺擁擠,使他們很難集中注意力和識別單個字符。
7. 大寫字母和升部之間的高度應有明顯區別
糢糊會讓字符變得難以識別,從而影響字符的快速和正確解碼(降低易讀性)。讓升部(ascenders) 9 明顯高於大寫字母和其他特徵可以大大提高單個字符的被識別能力(如圖中右側字體 Public Sans)。
在具體場景中測試字體的可用性
在選擇網站或 app 中所使用的字體/字型時,請測試候選字體之間的可讀性和易讀性。上述規則 1-7 為測試和專家走查提供了一個起點。然而和所有的設計指南一樣,這都是技術性的,實際的可用性和有效性只能通過真實的、對廣泛的用户的(不管是否殘疾)測試來驗證。 建議重點關注閲讀困難,中度到重度視力障礙,失語症以及成年學習障礙者羣體。同時請確保獨立對字體進行可用性測試,避免字體的組合或實際應用效果對測試者產生負面影響。並且字體要有良好的呈現和排版。
- Apple 與「聚光燈」下的開發者們:App Store 交出階段性成績單
- 無需 Root,一鍵分辨手機自帶系統應用用途或卸載:Universal Android Debloater
- 從盲目崇拜到理性使用,談談我眼中的「雙向鏈接」
- Figma 的核心概念:Frame
- 消費者的高端夢先碎:作為米粉我究竟期待過什麼?
- 一日一技 | 我開發的這款小工具,輕鬆助你將飛書文檔轉為 Markdown
- 閉關家中,我將監控攝像對準了自己
- #熱門話題的兩端藏着一段歷史#
- 派評 | 近期值得關注的 App
- 站在用户的角度,聊聊「旗艦芯片」給我們帶來的體驗改變
- 我是如何將舊設備的 Micro-USB 改為 Type-C 充電口的
- 科普 | 下載應用這件事,Play 商店為什麼比國內軟件商店更好?
- 一日一技 | 從原理出發,聊聊如何簡化二維碼
- 怎樣一鍵並列顯示雙語網頁
- 咖啡地圖 | 哥倫比亞的咖啡與宗教
- 譯文 | 無障礙字體指南:如何讓字體更為友好
- 新玩意 106|少數派的作者們最近買了啥?
- 舊酒換新杯,Linux 遊戲的春天
- App 1 | 國產小組件庫,為筆記嵌入可視化模塊:NotionPet
- 兩個月的居家隔離,我收穫了什麼