網頁設計資(zī)訊

探知(zhī) • 創造美好

不斷超越客戶的期望值,源自我(wǒ)們對這個行業的熱愛

企業建網站可以通過排版提高可訪問性的4個建議

來源:https://www.zpqxrif.com| 2024-02-02 08:22:11

出色的排版對于提高網站的可訪問性功不可沒。
在用于UI的設計系統中(zhōng),應該以增強可讀性和可讀性的方式設計,以增強字體(tǐ)尺寸,行高,段落間距和字母間距等提高網站的可訪問性。具體(tǐ)來說都包含哪些方面呢?1、字體(tǐ)大(dà)小(xiǎo)當涉及到可讀性和可讀性時,WCAG 2.0 Web内容可訪問性指南(nán)所定義的zui小(xiǎo)可接受的字體(tǐ)大(dà)小(xiǎo)爲18pt(或14pt Bold)。我(wǒ)們無法真正告訴您要使用什麽字體(tǐ)大(dà)小(xiǎo),因爲這在很大(dà)程度上取決于字體(tǐ)本身,但是要注意視覺層次結構以及此基礎大(dà)小(xiǎo)如何将自己與諸如标題諸如标題的彙總文本區分(fēn)開(kāi)來,這很重要(<H1> 44px、<H2> 33px、<h3> 22 px、<p> 18px 等)。2、字體(tǐ)選擇您可能會注意到一(yī)些字體(tǐ)是<h3> 22 px 和 <p> 18px 看起來并沒有那麽不同,我(wǒ)們在這裏給出兩個選擇加以區分(fēn):調整字體(tǐ)大(dà)小(xiǎo),或者考慮爲标題使用不同的字體(tǐ)。如果您預計您的設計将包含大(dà)量文本,請考慮後者。3、行高行高可确保文本行與行之間具有足夠的間距,以實現不錯的可讀性水平。這越來越被認爲是一(yī)種标準,一(yī)般而言行高應爲字體(tǐ)大(dà)小(xiǎo)1.5倍。4、段落間距對于段落間距,爲了明确,您可能需要使用智能指南(nán)來手動對齊層。與行高相似,段落間距大(dà)約爲字體(tǐ)尺寸兩倍。例如,如果字體(tǐ)大(dà)小(xiǎo)爲18px,則在進入下(xià)一(yī)個文本塊之前應該有一(yī)個36px空間。

企業建網站可以通過排版提高可訪問性的4個建議由東莞網站設計編輯 /wysj/10101.html如需轉載請注明出處

江門網站建設 關鍵詞優化網站建設 韶關網站建設 汕尾網站建設 陽江網站建設 梅州網站建設 東莞建網站 東莞響應式網站 東莞網頁設計 東莞做網站 東莞網頁制作 東莞網站制作 東莞網站建設 東莞網站設計

多一(yī)份參考,總有益處