字體排版

建立與設計無障礙內容不只是挑選一個 字體清晰易讀。就算有無障礙字型系列、低視能人士 處理文字的認知、語言和學習障礙可能難以處理 因為其他元素 (例如字型變化、大小、間距和弧形) 所致， 例如網路本單元將探討基本的設計注意事項 讓你的內容更多元包容，並觸及更多使用者

字體

對文案無障礙功能造成極大影響的主要因素是字體。網頁設計取決於選擇的字體和樣式，但可能會導致頁面設計無法正常運作。

使用容易閱讀的字體時，無論是閱讀、學習或註意力障礙的人 (例如失讀症和注意力不足過重症 (ADHD))，以及低視能的人都能受益。

選擇常見的字體 要建立無障礙設計，最快的方法就是選擇通用的字體 (例如初始化、Times New Roman、Calibri、Verdana 等)。

許多用於測試身心障礙人士的字體排版研究顯示，與罕見字體相比，常見字體可提升閱讀速度並提高理解力。儘管這些字體本質上沒有比其他字體更容易使用，但有些身心障礙者在處理 (或圍繞) 這些字體時有不少經驗，因此閱讀這些資訊比較容易。

除了選擇常見的字體外，也請避免使用華麗的或手寫字體，也不要使用只有一個字字首的字體 (例如只使用大寫字母)。這些專業字體可能帶有草寫設計、奇特的形狀，或是細線等藝術特色，看起來很美觀，但對於某些身心障礙人士來說，這類字體較常見的字體不易閱讀。

字母特性和核心

研究比較 Serif 或 Sans Serif 字體是否更容易 read 是未結論， 特定數字、字母或組合可能會混淆 語言學習與認知障礙的使用者。 對於這些身心障礙者，每個字母和數字都必須 具有明確定義且具有獨特特性，如此字母才不會造成混淆 由數字組成

常見的可讀性違規者是大寫的「I」(印度)，小寫「l」 (lettuce) 中的數字「1」。同樣地，例如 b/d、p/q、f/t、i/j、 m/w，而 n/u 有時可以左右翻轉或向下翻轉，供部分讀者使用。

此外，當字母間距或核心範圍太小時，文案的可讀性也會降低 請耐心等候。請特別留意核心狀況，尤其是在 AI 開發程序 字母組合 r/n否則，例如「毛線」可以改成「yam」或「stern」 轉變為「stem」完全變更文案的意義

開放原始碼字體集合，例如 Google Fonts 協助你為下個設計選擇最具包容性的字體。 如果使用 Adobe 產品，可以嵌入知名企業提供的字型系列。 直接融入設計 (包括挑選 Google Fonts。

尋找下一個字體時，請特別留意下列事項：

• 盡可能使用常見的字型。
• 避免使用詳細或手寫字型，也請避免使用單字大小寫的字型。
• 請挑選具備獨特特徵的字體，特別注意大寫 I、小寫 l 和 1。
• 檢查某些字母組合，確定這些組合並非實際顯示的鏡像。
• 檢查核心，特別是 r/n 字母組合之間。

字型大小和字體樣式設定

使用者通常會以為要製作多元包容的內容，而挑選易用的字型系列是提升多元包容度的必要條件。此外，您也必須考量字型大小和網頁上的文字樣式。

舉例來說，低視能或色盲使用者如果檔案太小，可以透過瀏覽器縮放這類 AT (如瀏覽器縮放) 讀取部分副本，其他使用者 (例如有失讀症或閱讀障礙的使用者) 可能無法閱讀斜體文字。螢幕閱讀器通常會忽略樣式方法 (例如粗體和斜體)，因此失明或低視能的使用者並不瞭解這些樣式的用途。

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

由於無法預測每位使用者的需求，因此在數位產品中新增字型時，請務必考量下列規範：

• 基本字型大小應以相對值 (%、rem 或 em) 定義， 方便調整大小
• 限製字體變化的數量，例如顏色、粗體、全大寫字母和 採用斜體文字，讓內容更容易閱讀。請改用方法強調 例如星號、破折號或醒目顯示個別字詞。
• 盡可能使用標記取代圖片上的文字。螢幕閱讀器無法 讀取圖片上的嵌入文字 (無需額外加入程式碼) 和嵌入文字 即使是低視能的使用者放大畫面也可能發生像素化問題

結構和版面配置

雖然字體、字型大小和字體樣式設定不易存取 字體排版 結構 和版面配置 網頁和應用程式資訊同樣重要

複雜的版面配置可能會對低視能及閱讀的人帶來實質的阻礙 以及全美 610 萬人使用注意力不足過動症。 這類身心障礙者更難留住自己的 並遵循文案的流程，因為沒有清楚的線性路徑 缺少標題和未分組的元素。

無障礙版面配置設計的一大重點是， 將相似的元素劃分為一組，如果 元素之間的距離太近，可能會難以分辨該元素從何處開始 尤其是當它們採用類似樣式時

副本就像是一組條列式 大綱。這有助於規劃整體頁面結構並協助你 視情況使用標題、子標題和清單

間距

段落、句子和字詞間距也相當重要，因為這麼做可幫助讀者專注在文案，提升網頁的整體視覺理解力。冗長的文案可能會對身心障礙讀者造成阻礙，因為他們無法留在原地閱讀內容，也無法理解文案。內容狹窄的文案區塊可幫助讀者繼續閱讀下一行。

內容對齊方式

對許多身心障礙者感到不悅 複製。正規化文案中的字詞間間距不均， 空格」形成網頁，導致內容難以閱讀

文字對齊方式也可能導致字詞出現重混，或 以不自然的方式拉長，因此讀者很難找到要搜尋的字詞 界定範圍

幸好，其中介紹良好行距和黃金比例計算機等工具，讓說明文件更容易理解。導入這些規範可幫助身心障礙者、閱讀及視障身心障礙者，更專注於影片文案，減少在版面配置上。

結構和版面配置的最佳做法

規劃結構和版面配置時，請務必：

• 使用各種元素，例如：標題、子標題、清單、數字、引用區塊和
• 使用清楚定義的段落、句子和字詞間距。
• 建立文案的欄寬不得超過 80 個字元 (40 個字元) 標誌字元)。
• 避免讓段落對齊的合理性，這會形成「行進方向」範圍內 複製物件

無障礙字體排版重點

利用易於存取的字體排版，再結為符合常規設計、 對使用者的瞭解系統會按照資料類型和業務需求 將資料儲存到不同類型的儲存空間請牢記本單元的內容 設計和建構內容能有效幫助 與最多人清楚溝通

隨堂測驗

測驗您對無障礙程度評估的瞭解程度