網頁設計資訊

探知 • 創造美好

不(bù)斷超越客戶的(de)期望值,源自我們對這(zhè)個(gè)行業的(de)熱愛

企業建網站可以(yǐ)通過排版提高可訪問性的(de)4個(gè)建議

來(lái)源:https://www.bb620.com| 2024-02-02 08:22:11

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

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

東莞微信小程序商城 東莞小程序商城開發 東莞網站改版 東莞網頁制作 東莞網站建設 東莞網站制作 東莞小程序開發 東莞響應式網站 專業網站建設 汕頭網站建設 個(gè)人(rén)網站建設 深圳網站建設 湛江網站建設 雲浮網站建設 揭陽網站建設 梅州網站建設 江門網站建設 汕尾網站建設 SEO外包 關鍵詞優化 網站托管

—— 向揚微信咨詢 ——

上(shàng)一(yī / yì /yí)條———————

網站制作如何優化網站轉化率

下一(yī / yì /yí)條———————

網站制作怎樣突顯企業特色

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