aria属性表

参考: aria属性表

A. role有哪些呢?

radiogroup/radio/presentation

  • 晴川
  • 静秋

group/checkbox

  • 所有姑娘
  • 晴川
  • 静秋

combobox/option

      
  • 晴川
  • 静秋

grid/row/gridcell

美女们
晴川静秋
晴川 静秋

menubar/menuitem/menu/menuitemradio/menuitemcheckbox & separator

  • 美女
  • 靓女
  • 淑女
  • 熟女

tabpanel/tablist/tab

  • 美女
  • 淑女

tree/treeitem

  • 展开美女
      ...

alert/alertdialog



弹出框

哥,你输入的时间穿越了,请重新输入!

log/region/timer/tooltip/toolbar

0
copy paste

heading/application/spinbutton

2012年 3月
:
50

slider/progressbar

45

B. 属性及属性值

aria-activedescendant:指定后代元素id
aria-live & aria-atomic
aria-busy
aria-controls
aria-describedby
aria-haspopup
aria-owns

aria-relevant

aria-relevant:表示区域内哪些操作行为需要做出反应。可选值有:
additions表示新增节点的时候做出反应;
removals表示删除节点时重要操作;
text表示文本改变是值得重视的;
all等同于同时使用上面三个属性值。

其他

aria-dropeffect :表示拖拽效果。
可选值有:copy(复制), move(移动), reference(参照), 
execute(执行), popup(弹出), none(没有效果)  
----------
aria-flowto:
若该属性值对应的是单独的id, 辅助技术会恢复目标元素的阅读;
若对应多个id, 辅助技术则会让用户去选择、导航到目标元素
----------
aria-grabbed:拖拽中元素的捕获状态。
可选值有:true(元素可以捕获), false(不能捕获), undefined(状态未知).
----------
aria-multiselectable:表示是否可多选;
例如手风琴展开收起效果,我们可以使用aria-multiselectable来
告知辅助设备,一次可以展开多个项还是只有一个展开

----------
aria-readonly: 是否只读(true:只读,false:可修改)
aria-required: 是否必输
aria-label:定义一个字符串值标记当前元素
aria-labelledby:一般用在区域元素上,
      对于的值一般为对应的标题或是标签元素的id
aria-level:等级(1级标题,2级标题)

aria-secret: 机密状态
aria-posinset: 当前位置
aria-setsize: 设置尺寸大小
aria-sort:升序降序(ascending(↑), descending(↓), none, other.)

-----范围组件属性-----
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext

属性状态

属性状态

你可能感兴趣的:(aria属性表)