无障碍开发（四）之ARIA aria-***状态值

最新推荐文章于 2024-07-29 09:59:50 发布

weixin_30510153

最新推荐文章于 2024-07-29 09:59:50 发布

阅读量3.9k

点赞数 3

文章标签： php

原文链接：http://www.cnblogs.com/kunmomo/p/11569321.html

版权

本文探讨了无障碍开发中的ARIA状态值，详细介绍了aria-***属性如何提升网页可访问性，通过实例展示了如何正确使用这些状态值来帮助残障用户更好地理解和操作网页内容。

摘要由CSDN通过智能技术生成

aria-***状态值

属性状态属性值 HTML示意说明

属性状态	属性值	HTML示意	说明
aria-checked	字符串。表示检查的状态。`true`表示元素被选择；`false`表示元素未被选择；`mixed`表示元素同时有选择和为选择状态。	<ul role="group"> <li role="checkbox" aria-checked="mixed" tabindex="0">所有姑娘</li> <li role="checkbox" aria-checked="false" tabindex="0">晴川</li> <li role="checkbox" aria-checked="true" tabindex="0">静秋</li> <li role="checkbox" aria-checked="true" tabindex="0">黄小仙</li> </ul>

aria-checked

字符串。表示检查的状态。true表示元素被选择；false表示元素未被选择；mixed表示元素同时有选择和为选择状态。

<ul role="group">
      <li role="checkbox" aria-checked="mixed" tabindex="0">所有姑娘</li>  
      <li role="checkbox" aria-checked="false" tabindex="0">晴川</li>
      <li role="checkbox" aria-checked="true" tabindex="0">静秋</li>
      <li role="checkbox" aria-checked="true" tabindex="0">黄小仙</li>
</ul>