问答详情
源自:1-1 Bootstrap简介

国内实际开发中是不是经常省略aria-* and role 属性?

我看了几个使用bootstrap框架的网站源码基本没有这两类属性的。

提问者:苦瓜ts 2016-12-05 16:37

个回答

  • 慕移动9181930
    2022-03-24 01:27:50

    有4个是输出换行标签

  • zhanglinlin123
    2016-12-05 17:51:08

    HTML5 aria-* and role

    在bootstrap中看到role和aria-*,不知道干嘛的。google一下,发现aria的意思是Accessible Rich Internet Application。 Accessible一般是为不方便的人士提供的功能,比如windows的放大镜,语音朗读,高对比度主题等。

     

    HTML5针对html tag增加的属性:role 和 aria-*。

     

    role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个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-*的作用就是描述这个tag在可视化的情境中的具体信息。比如,

    <div role="checkbox" aria-checked="checked"></div>

    辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。