关于aria-expanded的问题？

Question

关于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，结果都如下图：

展开状态并没有发生变化这是为什么？

Answer 1

https://www.w3.org/WAI/GL/wiki/Using_aria-expanded_to_indicate_the_state_of_a_collapsible_element

这是一个给 Screen Reader 用来 判断当前元素状态的辅助属性，不是用来控制元素的。你应该看标准，不是看网上怎么说