聯系電(diàn)話(huà)

13517270458

公司動态

News

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

出色的排版對于提高網站的可訪問性功不可沒。在用于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ǒ)(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ǒ)(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空間。 
 

在線客服
聯系電(diàn)話(huà)

13517270458

微信

掃一(yī)掃 聯系我(wǒ)(wǒ)