国产亚洲人成网站在线观看_亚洲AV永久中文无码精品_久久精品成人欧美大片_把腿扒开做爽爽视频

提升網站(zhan)可訪(fang)問性方法(fa) 濟南網站(zhan)建(jian)設
  注:網站越來越重視用戶體驗,對于做網站的人員來說是否了解過一些可以增加網站可讀性的Tips? 今天騰訊ISUX的溫總向大家分享可提升網站訪問性的10個步驟,每一步都可以在20分鐘內完成,這篇文章也可以在20分鐘內看完。

  10步大(da)幅(fu)提升網(wang)站可訪問性。每(mei)一(yi)步都可以(yi)在20分鐘內完成。這篇文章也可以(yi)在20分鐘內看完。

  第一步,檢查<title></title>,不允許空,不允許過長,簡潔明了。

  <title></title>是第(di)一個可以訪問到內容的(de)(de)元(yuan)素(su),所以一定(ding)要(yao)非常重視(shi)。當用(yong)戶切換瀏覽器Tab標簽的(de)(de)時候,一定(ding)最先聽到<title></title>標記(ji)的(de)(de)內容。Title一定(ding)要(yao)能代表當前頁面的(de)(de)主(zhu)題。這里的(de)(de)要(yao)求(qiu)和(he)SEO最佳實(shi)踐幾乎一致。

 

  第二步,提供文字替代方案。

  走查網(wang)頁上所有的圖(tu)片(pian)、iframe、object,檢查這(zhe)些元素是(shi)(shi)否填寫了(le)適當(dang)的alt屬性或者title屬性的值(zhi),看(kan)看(kan)這(zhe)些值(zhi)是(shi)(shi)否可以描述這(zhe)些元素的內容或者目的;heading元素是(shi)(shi)否標記了(le)內容,而不僅(jin)僅(jin)是(shi)(shi)圖(tu)片(pian)或者背景圖(tu)片(pian)。

 

  第三步,檢查表單。

  是(shi)(shi)否有label標簽,這些label的(de)(de)for屬性是(shi)(shi)否通過填寫相應表單元(yuan)素的(de)(de)id來彼此綁定;label的(de)(de)標簽包裹的(de)(de)范圍是(shi)(shi)否足夠大,一致鼠標很容(rong)易的(de)(de)就能操作(zuo)到;表單元(yuan)素在被聚焦的(de)(de)時候是(shi)(shi)否有清晰的(de)(de)視覺反饋;提(ti)交和重置按(an)鈕以及(ji)圖片按(an)鈕是(shi)(shi)否標記了(le)文(wen)字(zi)或者在title中寫明了(le)該按(an)鈕的(de)(de)作(zuo)用。強調一下,比如一個(ge)按(an)鈕的(de)(de)樣式是(shi)(shi)一個(ge)放大鏡(jing),那(nei)么替代文(wen)字(zi)的(de)(de)內容(rong)一定不是(shi)(shi)“放大鏡(jing)”,而是(shi)(shi)“搜索”。

 

  第四步,使用heading做信息架構。

  輔助技術,特別是讀(du)屏軟件(jian),一般(ban)都(dou)會提供(gong)一個快捷鍵(jian)h,按(an)h按(an)鍵(jian),焦點(dian)即可在heading之間切換,從(cong)而提高(gao)瀏覽(lan)效率。減輕讀(du)屏軟件(jian)用(yong)戶了解當前頁面內容的障(zhang)礙(ai)。雖然(ran)HTML5允許(xu)heading之間的嵌套(tao),但是我絕(jue)對不推薦(jian)。

 

  第五步,是否有blur()。

  輔助技(ji)術一般都(dou)是依(yi)靠焦點來(lai)獲取內容,所以這(zhe)(zhe)個事(shi)件從(cong)本質上(shang)就(jiu)使得(de)輔助內容無(wu)法獲得(de)應用(yong)了此方法的(de)元素。this.onfocus=this.blur()這(zhe)(zhe)個是最傻的(de)一句代碼(ma)了。

 

  第六步,按Ctrl+或者command+查看頁面是否可以被縮放。

  也許你(ni)因(yin)為某個效果使(shi)用了(le)font-size-adjust:none,或(huo)者在viewport中設置了(le)禁止用戶縮放,從(cong)而使(shi)得頁面無法縮放。老(lao)年(nian)人(ren)和(he)使(shi)用11寸高檔筆(bi)記本(ben)的(de)老(lao)板可是非(fei)常喜歡(huan)使(shi)用放大頁面的(de)功能的(de)。

  第七步,添加landmark角色。

  這(zhe)個是成(cheng)本最(zui)低(di)的(de)方(fang)法了,添(tian)(tian)加(jia)的(de)方(fang)法就是給相應(ying)功能的(de)元素添(tian)(tian)加(jia)role這(zhe)個屬(shu)性(xing),并賦予(yu)響應(ying)的(de)landmark值。一共有8個值,一般你只能用到6個:banner(banner)、complementary(輔助內容(rong)區)、contentinfo(網站信(xin)息和版權)、form(表單)、main(主(zhu)內容(rong)區)、navigation(導航區)、search(搜(sou)(sou)索區)。如果(guo)一個表單,他僅(jin)僅(jin)是提供搜(sou)(sou)索功能,那么就將role設置為search,而不是form。

 

  第八步,設置快捷鍵。

  1是(shi)指向首頁的(de)那個(ge)鏈接(jie)。Esc是(shi)停止播(bo)放音(yin)視頻,是(shi)停止,不(bu)是(shi)暫停。這(zhe)兩個(ge)按鍵(jian)(jian)是(shi)迄今為止最能達成共識的(de)快捷鍵(jian)(jian)了(le)。另外(wai)(wai),挖掘當前頁面的(de)最重要的(de)一(yi)個(ge)功能,是(shi)最重要的(de)。然后在這(zhe)個(ge)功能開(kai)始的(de)元(yuan)素(su)或者包裝元(yuan)素(su)上設(she)置一(yi)個(ge)快捷鍵(jian)(jian),按照順序(xu)的(de)話(hua),就是(shi)2吧。accesskey=2。不(bu)要將(jiang)同一(yi)個(ge)值(zhi)設(she)置給多個(ge)元(yuan)素(su),也(ye)不(bu)要使用字(zi)母作為快捷鍵(jian)(jian)。另外(wai)(wai)聚焦的(de)事件(jian)不(bu)要單(dan)單(dan)依賴瀏覽器本身(shen),請使用js或者相應的(de)鍵(jian)(jian)盤事件(jian),然后聚焦給相應的(de)元(yuan)素(su)。

  第九步,觸發界面轉換需設置焦點。

  比如(ru)(ru),點擊(ji)一(yi)個(ge)按(an)鈕,彈出(chu)了一(yi)個(ge)模(mo)態或者非模(mo)態的(de)彈窗(chuang)(chuang)(不是瀏覽器彈窗(chuang)(chuang)),利(li)用(yong)js把焦(jiao)(jiao)點移(yi)動(dong)(dong)到(dao)(dao)這(zhe)個(ge)窗(chuang)(chuang)口(kou)(kou)的(de)第一(yi)個(ge)有(you)內(nei)(nei)容(rong)(rong)的(de)DOM上(shang);再(zai)比如(ru)(ru),點擊(ji)“返(fan)回首頁(ye)”按(an)鈕,如(ru)(ru)果僅僅是鏈接(jie)的(de)是#或者改(gai)變類似scrollTop的(de)值(zhi),那么也一(yi)定利(li)用(yong)js將(jiang)焦(jiao)(jiao)點移(yi)動(dong)(dong)到(dao)(dao)這(zhe)個(ge)頁(ye)面的(de)第一(yi)個(ge)有(you)內(nei)(nei)容(rong)(rong)的(de)DOM上(shang)。如(ru)(ru)果你(ni)通過一(yi)個(ge)按(an)鈕觸(chu)發了一(yi)個(ge)組(zu)件(jian)窗(chuang)(chuang)口(kou)(kou),在關閉這(zhe)個(ge)組(zu)件(jian)窗(chuang)(chuang)口(kou)(kou)的(de)時候(hou),請把焦(jiao)(jiao)點重新移(yi)動(dong)(dong)回到(dao)(dao)觸(chu)發這(zhe)個(ge)窗(chuang)(chuang)口(kou)(kou)的(de)按(an)鈕上(shang)。

  第十步,填寫一個簡單的鏈接到之后,作為第一個內容元素。

  標(biao)記的(de)內容是(shi)簡要的(de)說明,說明你在這個頁面(mian)上提供的(de)快捷鍵。然后這個鏈接(jie)可以(yi)指向(xiang)一個更加豐富的(de)無障礙幫(bang)助頁面(mian),并且給這個鏈接(jie)設置accesskey=0。

標簽(qian): 濟南網站建設 濟南網站優化 濟南網站推廣 濟南手機網站 轉載請注明來(lai)自//tcvaevents.com

  • QQ咨詢:
  • 手 機:13105316892(馬經理)
  • 電 話:13105316892
  • 郵 箱:1070239262@qq.com