國(guó)內(nèi)實(shí)際開發(fā)中是不是經(jīng)常省略aria-* and role 屬性？
我看了幾個(gè)使用bootstrap框架的網(wǎng)站源碼基本沒有這兩類屬性的。
苦瓜ts
2016-12-05
2 回答
舉報(bào)
0/150
提交
取消
2022-03-24
有4個(gè)是輸出換行標(biāo)簽謝謝鼓勵(lì)。
2016-12-05
HTML5 aria-* and role
在bootstrap中看到role和aria-*，不知道干嘛的。google一下，發(fā)現(xiàn)aria的意思是Accessible Rich Internet Application。 Accessible一般是為不方便的人士提供的功能，比如windows的放大鏡，語(yǔ)音朗讀，高對(duì)比度主題等。
?
HTML5針對(duì)html tag增加的屬性：role 和 aria-*。
?
role的作用是描述一個(gè)非標(biāo)準(zhǔn)的tag的實(shí)際作用。比如用div做button，那么設(shè)置div 的 role=“button”，輔助工具就可以認(rèn)出這實(shí)際上是個(gè)button。
ARIA Roles
? ? Use the ARIA role attribute to indicate that a generic tag is playing the role of a standard widget like a button.
?
而aria-*的作用就是描述這個(gè)tag在可視化的情境中的具體信息。比如，
<div role="checkbox" aria-checked="checked"></div>
輔助工具就會(huì)知道，這個(gè)div實(shí)際上是個(gè)checkbox的角色，為選中狀態(tài)。