关于aria-expanded在网上这样说:aria-expanded表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值:true表示元素是展开的;false表示元素不是展开的。
我的代码:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button
type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#prac"
aria-expanded="true">
<span class="sr-only">Toggle navgation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Brand</a>
</div>
<div class="collapse navbar-collapse" id="prac">
<nav class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Photo</a></li>
</nav>
</div>
</div>
</nav>
但是我把aria-expanded设置成false or ture,结果都如下图:
展开状态并没有发生变化这是为什么?
https://www.w3.org/WAI/GL/wiki/Using_aria-expanded_to_indicate_the_state_of_a_collapsible_element
这是一个给 Screen Reader 用来 判断当前元素状态的辅助属性,不是用来控制元素的。你应该看标准,不是看网上怎么说