建站常識
可訪問性—前端的使命(二)
2009-06-27 22:43:00
前一篇 可訪問性——前端的使命(一)
繼續(xù)這個讀書筆記吧。
9. 定義鍵盤快捷鍵(Defining keyboard shortcuts)
意思就是定義accesskey屬性。這個好說。有個關(guān)鍵是如何在瀏覽器里使用。IE里是“alt+”,并且只是將焦點移過去,要點擊需要再按enter;Firefox是“shift+alt+”,按下之后直接觸發(fā)點擊事件。Opera和Chrome還有Safari,我都沒試出來,有知情者請告知。
感謝aoao提供:Safari 4/mac control+alt+key | /win alt+key
Opera Shift+Esc 選key
Chrome 3 alt+key
除了accesskey,其實還有一個更重要的:tabindex。有時候需要改變默認(rèn)的tabindex順序,以期得到更便利的體驗。舉個例子,如下格式的登陸框:
按照默認(rèn)的順序,按下tab鍵,焦點會依次經(jīng)過“用戶名”、“記住我”、“密碼”。但是似乎把“記住我”放在“密碼”之后更方便,畢竟不是所有的人都需要使用“記住我”這個按鈕,尤其是多次使用這個登陸框的人,他很顯然是不喜歡“記住我”。所以應(yīng)該用tabindex指定如下的順序:“用戶名”、“密碼”、“記住我”。
10. 不要打開新窗口(Not opening new windows)
文中的意思是,這樣會破壞瀏覽器的“history”記錄,從而使瀏覽器“后退鍵”無效??偹阒劳鈬W(wǎng)站很少有新開窗口的緣故了吧,也總算知道為啥XHTML標(biāo)準(zhǔn)要把a(bǔ)標(biāo)簽的target屬性取消的緣故了吧。但這個似乎不符合中國用戶的習(xí)慣,還值得商討。不過有一些變通的方式可以考慮:
a) 頁面上給一個選框,選擇之后就自動把a(bǔ)標(biāo)簽里的target屬性移除,使得所有的鏈接都在本頁打開。
b) 新開窗口并不是到”_blank”,而是到一個指定名字的窗口,比如“new”。這樣所有新開的頁面都會到同一個窗口里打開,至少在這個窗口里,還是可以使用瀏覽器的“后退鍵”的。(提一下,土豆網(wǎng)的視頻都是這樣的,開到同一個新窗口里)。
11.定義首字母縮略字(Defining acronyms)
先說明一下,其實作者這里對acronym這個詞理解不正確。acronym是指單詞的首字母合起來成為一個新的可讀的單詞,這個單詞未必是所有字母都大寫的,比如Nato(北大西洋公約組織)。所以HTML或是CSS算不上acronym,而
DOS、BASIC這種才算。像HTML或CSS這種,應(yīng)該叫abbreviation,與其對應(yīng)的是<abbr>標(biāo)簽,但很遺憾,這個標(biāo)簽IE6上無效。
12. 給你的日歷加上抬頭(Giving your calendar a real caption)
13. 使用真正的表頭(Using real table headers)
14. 為表格提供摘要(Providing a summary for tables)
把這三條合在一起說,就是要正確使用表格。其實表格的使用遠(yuǎn)比這三條更多,建議大家仔細(xì)閱讀HTML權(quán)威指南。
最后說的是,我這只是一個讀書筆記,光看這個是看不明白的,所以建議還是去通讀一下原文吧。
原文:http://www.mikkolee.com/191
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-06-27 22:44:00] 可訪問性—前端的使命(三)
- [2009-06-23 08:01:00] 可訪問性—前端的使命(一)
- [2009-11-07 14:10:00] 內(nèi)容可訪問性不是全部
- [2009-11-12 08:31:00] 使用Title提升可訪問性二
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
交互設(shè)計 微信小程序 力圖數(shù)字科技 互聯(lián)網(wǎng) 青島SEO 如何做網(wǎng)站優(yōu)化 網(wǎng)頁設(shè)計 色彩心理學(xué) 青島網(wǎng)頁設(shè)計 空白和簡潔的設(shè)計 青島做網(wǎng)站多少錢 青島輪胎網(wǎng)站設(shè)計公司 SEO優(yōu)化 青島網(wǎng)絡(luò)公司 網(wǎng)站開發(fā) H5 php程序 蘋果系統(tǒng) 網(wǎng)站設(shè)計資訊 網(wǎng)站優(yōu)化 視覺靈感 青島網(wǎng)站SEO robots 手機(jī)網(wǎng)站 青島高端網(wǎng)站設(shè)計公司哪家好 新的元素 良好的導(dǎo)航 頁面設(shè)計 青島網(wǎng)站優(yōu)化 css