zoukankan      html  css  js  c++  java
  • bootstrap 中关于 HTML5 aria-* and role的用法

    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的角色,为选中状态。

    Add ARIA for screen readers

        ARIA attributes provides semantic information to screen readers that is normally conveyed visually.

        Note that using ARIA does not automatically implement the standard widget behavior, you'll still need to add focus management and keyboard navigation yourself.

  • 相关阅读:
    Java多线程之监控Java线程池运行状态
    JS自学笔记02
    JS自学笔记01
    JAVA自学笔记09
    前端自学笔记07
    前端自学笔记06
    前端自学笔记05
    前端自学笔记04
    前端自学笔记03
    前端自学笔记02
  • 原文地址:https://www.cnblogs.com/demonxian3/p/9440410.html
Copyright © 2011-2022 走看看