欧美乱伦图片区,国产日韩欧美一区二区三区四区五区,欧美性色爽,乱伦小说网站免费观看视频,啊用力啊好深啊H在线观看,男女做哎爱过程图片

信息動態(tài)

網(wǎng)站設(shè)計是技術(shù)與創(chuàng)意的完美融合!

技術(shù)資訊

使用Alt提升可訪問性

2009-04-07 08:33:00

alt的準確含義是,當照片不存在或者load錯誤時的提示。但同時img也同時支持alt和title,再有某些瀏覽器的錯誤解析,因此經(jīng)常被誤導(dǎo)并誤用。最簡單、準確的理解,在看不到圖片的情況下如何用文字傳達給用戶?

比如下圖flickr的訂閱圖標通過alt告知用戶Add to My Yahoo!,個人認為這里使用title進行操作指引更合適,alt屬性應(yīng)該進行描述。并且此時只有在IE6和IE7中才可見tip,其他任何智商稍微正常的瀏覽器都看不到,更糟糕的是IE8仍舊沒有改善。



某些圖片帶鏈接,也就是img外層有a的情況下,并沒有注意傳達需求上的差異,把img標簽的alt與a標簽的title都應(yīng)用同樣的說明。但實際上它們本質(zhì)不同,如下圖flickr提供給用戶的外鏈代碼,可惜與上個例子有同樣問題,在IE環(huán)境下看不到a標簽的tip。



問題也不是沒辦法解決,如下圖Wordpress2.7上傳圖片插入編輯器自動生成的代碼,把img標簽的alt和title都寫了出來,可以保證在各種瀏覽器中的兼容性。



再來看看頂部logo的代碼,直接使用alt寫入Flickr logo. If you click it, you’ll go home。如果按照剛才探討的結(jié)論調(diào)整還有更優(yōu)答案,參考下圖第二個例子。也就是說,圖片在有鏈接的情況下,alt傳達內(nèi)容是什么?title傳達鏈接到哪里?


分別測試IE7, FF3, Chrome1, Safari4四個瀏覽器,可證明其良好通用性。依次如圖:



結(jié)合title來更好的說明alt用法,可見如果結(jié)構(gòu)、表現(xiàn)分離徹底,輔助修飾等圖片根本不需要img插入,也就避免了很多alt的錯誤應(yīng)用場合。Junchen在05年譯的alt屬性和title屬性中有更多規(guī)范和細則,alt相較title而言用途單一,但給img插入使用alt替換文字時,也應(yīng)該注意:

簡潔
清晰
符合語境

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

掃碼關(guān)注公眾號

官方公眾號

2054585360
柏乡县| 淄博市| 建昌县| 黎平县| 阿鲁科尔沁旗| 锡林浩特市| 昌吉市| 广东省| 济源市| 株洲县| 广南县| 鸡西市| 海门市| 三门峡市| 肥西县| 鱼台县| 平遥县| 河东区| 顺平县| 靖宇县| 枝江市| 天水市| 含山县| 合山市| 福清市| 东港市| 五大连池市| 夏河县| 棋牌| 陆丰市| 靖西县| 富宁县| 文化| 高安市| 汪清县| 台中县| 英德市| 嘉黎县| 调兵山市| 永兴县| 即墨市|