显示在视图页面上的咏叹调工具提示 - 应该被隐藏

Question

我正在尝试为我的一些元素添加工具提示，这些元素将由页面阅读器读取。工具提示不应显示为视图页面中当前我的情况下的元素。它应该是隐藏的，只有页面阅读器可见。

这是我到目前为止所拥有的：

查看页面：

<div id="listIcon" data-bind="text: name"></div>
   <div class="tooltip" role="tooltip" aria-hidden="true" id="listIcon">User Name</div>

CSS：

div.tooltip {
  display: inline;
  margin-left: 10px;
  padding: 2px 5px;
  background: #ffe;
  z-index: 10;
  border: 2px solid black;
}
div.tooltip[aria-hidden="true"] {
  display: none;
}

由于某种原因，它没有隐藏，仍然显示。