无障碍开发(九)之tabindex属性
tabIndex
當(dāng)使用鍵盤時(shí),tabindex是個(gè)關(guān)鍵因素,它用來(lái)定位html元素。
?????? tabindex有三個(gè)值:0 ,-1, 以及X(X里32767是界點(diǎn),稍后說(shuō)明)
?????? 原本在Html中,只有鏈接a和表單元素可以被鍵盤訪問(wèn)(即使是a也必須加上href屬性才可以),但是aria允許tabindex指定給任何html元素。
?????? 當(dāng)tabindex=0時(shí),該元素可以用tab鍵獲取焦點(diǎn),且訪問(wèn)的順序是按照元素在文檔中的順序來(lái)focus,即使采用了浮動(dòng)改變了頁(yè)面中顯示的順序,依然是按照html文檔中的順序來(lái)定位。
?????? 當(dāng)tabindex=-1時(shí),該元素用tab鍵獲取不到焦點(diǎn),但是可以通過(guò)js獲取,這樣就便于我們通過(guò)js設(shè)置上下左右鍵的響應(yīng)事件來(lái)focus,在widget內(nèi)部可以用到。
?????? 當(dāng)tabindex>=1時(shí),該元素可以用tab鍵獲取焦點(diǎn),而且優(yōu)先級(jí)大于tabindex=0;不過(guò)在tabindex>=1時(shí),數(shù)字越小,越先定位到。
? ? ? ?在IE中,tabindex范圍在1到32767之間(包括32767)
? ? ? ?在FF, Chrome無(wú)限制,不過(guò)一旦超出32768,順序跟tabindex=0時(shí)一樣。???????????
?????? 這個(gè)估計(jì)跟各個(gè)瀏覽器對(duì)int型的解析有關(guān)。
轉(zhuǎn)載于:https://www.cnblogs.com/kunmomo/p/11572878.html
總結(jié)
以上是生活随笔為你收集整理的无障碍开发(九)之tabindex属性的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 无障碍开发(七)之实例讲解
- 下一篇: 无障碍开发(八)之盲人如何使用互联网的8