這是來自Jennifer Moline*。
贊助消息
圖像的可訪問性是在網頁設計培訓期間強調,但一個同樣重要但很少討論的問題是字體可訪問性。雖然圖像需要 alt 文本標籤以使視障人士知道正在顯示的內容,但做得好的字體可訪問性將使您的網站更容易為所有人所用。
格式、字體和字體多樣性是創建和起草材料時要考慮的因素,因為數字內容具有大多數可訪問字體,這對於降低數據和信息的障礙
使字體易讀的因素
行長 字體風格 謹慎選擇襯線或無襯線粗細您網站文本的特徵都符合字體可訪問性的一部分。
這些包括:
字體流行度 字體顏色 背景顏色 字體和背景之間的對比度 文本大小 文本襯線(或缺少襯線)
無障礙字體
易於查看、理解和理解的字體被稱為無障礙字體。當使用術語“字體可訪問性”時,通常表示 Web 可訪問性。字體可訪問性的主要決定變量是大小、顏色和對比度。 Arial、Verdana、Tahoma、Calibri、Helvetica 和 Times New Roman 都是非常易於閱讀的字體。
sponsored message
Slab serif 字體,例如 Museo Slab 、Rockwell 和 Arvo 是其他易於使用的字體。最常使用的是標題而不是正文。用於屏幕解釋的其他可讀字體是無襯線字體。
如果您知道在字體中尋找哪些特徵,您可以快速限制您的選擇。難以訪問的字體具有以下特徵:
使內容更難閱讀 減慢讀者的閱讀速度 有吸引力 難以區分字符
字體在 Web 可訪問性中的重要性
大多數關於文中傳達了網絡,以及貴公司提供的獨特優勢。字體是至關重要的,因為它們會影響您的交易成功,並且有超過 3000 萬人患有視力下降。
這個數字包括那些即使戴上矯正眼鏡仍會出現問題的人。隨著人口老齡化並出現更多與年齡和眼睛相關的問題,這一數字將繼續上升。一些視障人士在閱讀某些字體時遇到困難。有閱讀障礙的人閱讀某些字體可能具有挑戰性。字體的選擇具有多種與可讀性相關的影響。
Helvetica、Arial、Verdana 和 Courier 是有閱讀障礙的人可以理解的字體。無襯線字體還可以幫助有閱讀障礙的人獲得更好的效果。在美國,大多數人都患有閱讀障礙。因此,確保網站的字體可讀將有助於您的內容吸引這些受眾。
Web 可訪問性的最佳字體大小
贊助信息
Each訪問網站的人有不同的需求。為了獲得最佳閱讀效果,訪問者需要使用小字體或大字體。 Ems、Rems、Pixels 和 Points 是用於測量字體大小的四種不同單位。必須精確調整字體大小。太大或太小的字體都可能難以閱讀。讀者的理想方法是放大並選擇他們喜歡的字體大小。
WCAG 文本大小
Web 內容可訪問性指南 (WCAG) 中沒有建議的最小文本大小。過去沒有使用小於 12px 的尺寸,16px 是使用最多的尺寸。借助 WCAG,您最多可以放大 200% 並放大文本。此建議包括字體選擇、字體大小、顏色選擇和顏色對比度。所有這些元素對於使您的材料易於訪問至關重要。
常用字體是一種理想的字體
字體的流行聽起來可能是選擇或不選擇它的奇怪理由,但是如果很少有人在他們的計算機上安裝該字體,那麼很少有人會看到使用您想要的字體顯示的站點。如果人們訪問網站時找不到網站的指定字體,他們的計算機會替換為他們已安裝的常用字體。在設計中,這會極大地改變您網站的顯示方式,因此最好在您的 CSS 中包含一個或兩個備份選項,如果訪問者沒有第一個選項,該選項將加載。
顏色和對比度
某些顏色,尤其是紅色和綠色,最有可能對色盲造成可訪問性問題個人。如果網站包含這些顏色,則只會留下對比度以防止文本和背景混合在一起。低對比度和奇怪的顏色往往看起來很花哨,即使對於那些不是色盲的人也難以閱讀,因此最好確保文本和背景形成強烈的對比。
文本大小和襯線
您網站上的文字平均大小為 12 到 14 磅,但在遵循這一趨勢之前,您應該考慮您的目標受眾。如果您的網站是針對老年人的,則最好將較大的文本作為默認大小,因為老年人在閱讀小文本時往往會遇到更多困難。同樣,使用無襯線字體可以使在顯示器上查看文本時更舒適。
進行測試
即使您已經註意解決每個問題考慮到這些可訪問性問題,最好對您的網站進行測試並確保您沒有遺漏任何內容或未完成任何工作。
這裡有一些有效且免費的工具來測試您網站的可訪問性:
WAVE – 輸入站點的 URL 並使用直接放置在網站本身。 Accessibility Color Wheel – 選擇您網站的背景和文本顏色,即時結果顯示可訪問性可接受的對比度.該工具還可以分別模擬對紅色、綠色和藍色的色盲,並且可以下載以供離線使用。 Accessibility Wizard – 按開發團隊的工作職位分解可訪問性職責。
要避免使用的字體
如果您選擇一種不太常用的字體而不是常用字體,它可能無法在讀者的設備上正確顯示。避免使用讀者可能會錯誤理解的“欺騙性或冒名頂替字母形式”的字體。
進一步閱讀
如果您想更深入地了解該主題,請確保收藏並閱讀以下文章:
結論
注意字體的可訪問性將確保您的網站盡可能覆蓋最廣泛的目標受眾,並且在設計階段這樣做可以節省您的時間你以後會花在調整事情上的時間和精力。對細節的額外關注會讓您的網站看起來更時尚,潤色總是一個加號。
*Jennifer Moline 為 PsPrint 博客撰寫有關自由職業、小型企業和設計的文章。 PsPrint 是一家在線打印解決方案公司,您可以在 Twitter 和 Facebook。