anchor - 对于可访问性，当 css 被禁用时，'title' 属性是否会充当具有背景图像的锚链接的标识符？

Question

说，

<a href="#somelink" id="someID" onclick="searchValue();" class="someClass" title="My Search">
</a>


<style>
someClass{
  background: url("someimage.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  cursor: pointer;
  float: right;
  height: 27px;
  padding-left: 5px;
  width: 27px;
}
</style>

---

当 CSS 被禁用时，页面还会显示标题吗？如果不是这个问题的解决方法是什么。

Answer 1

不title，当 CSS 被禁用时，根本不会显示。某些辅助技术在某些情况下不会读取或授予用户访问权限。简而言之，不要使用title.

正确的方法是：

<a href=".."><img src="image" alt="Search"></a>

即使 CSS 关闭，这仍然有效。如果图像由于某种原因无法加载，它会说搜索仍然 - 就像您的目标一样。

根据您的评论，如果您想为页面的一部分提供更多上下文，而不是：

 <div title="Some instructions  here">.......</div>

你应该做：

<div aria-describedby="instID">
<p class="hidden" id="instID>Some instructions</p>
  .... 
</div>

哪里.hidden是：

.hidden {
 position: absolute;
 top: 0;
 left: -999px;
}