本篇內(nèi)容主要講解“站長提高網(wǎng)站易用性的代碼優(yōu)化技巧有哪些”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“站長提高網(wǎng)站易用性的代碼優(yōu)化技巧有哪些”吧!
1. 給logo添加替代文本
這樣有兩個好處:屏幕閱讀器能識別logo圖片代表的含義,圖片未加載到時,也能告訴非視障用戶那里是你的logo。
幾種方法:
代碼如下:
或者,你用背景圖來實現(xiàn)logo的話,也可以添加title屬性來實現(xiàn):
代碼如下:
當然,鏈接+背景圖的方式是好的,但好也加上title屬性:
代碼如下:
2.添加基本的Landmarks
ARIA Landmark是W3C定義的一套網(wǎng)站可用性規(guī)則,對于網(wǎng)站不同的模塊添加描述性的Landmark——或者直接叫role,有利于讀屏軟件更好的理解你的網(wǎng)頁,從而讓視障用戶更好的使用你的網(wǎng)站。
代碼如下: