我有一个网站，我使用隐藏的<span>标记和Javascript来跟踪各种鼠标事件，为某些事情提供工具提示。它工作得很好。这个网站有点迎合有视力问题的人，所以如果没有Javascript或cCSS，我会尽量让事情变得尽可能地降低，一般来说我会说它在这方面是成功的。
所以我的问题是，如果使用CSS，这些<span>是否可能只存在？我曾考虑在文档加载时写出Javascript中的工具提示。但我想知道是否有更好的解决方案。
答案 0 :(得分：3)
也许您需要重新思考提供工具提示的方式。内容是否可以包含在语义上合适的元素的title属性中？
编辑：如果您提供更多信息，有人可能会建议更多解决方案。突然出现的工具提示有哪些元素？图片？缩写标签是否合适？
快速解决方案我刚刚提出：<span>可以访问包含标题的core attributes，因此您可以在标题中包含工具提示文本，并使用jQuery等javascript库来显示所有带标题的跨度的工具提示。
答案 1 :(得分：1)
快速破解的方法是在html中将文本与背景（例如白底白字）相同，然后使用CSS将颜色更改为可见的颜色（白底黑字）。当然，这仅适用于能够看到文本的人。屏幕阅读器等不会将文本视为隐藏。
答案 2 :(得分：0)
屏幕阅读器也使用CSS来帮助定义读取或不读取的页面元素。 屏幕阅读器几乎总是忽略元素并且 display：none 应用于它们，因此不使用CSS不是屏幕阅读器存在的有效指示。
我会选择 Chris '使用javascript根据标题（或alt）属性生成工具提示的想法。
您可以使用JS来确保仅在设置有效样式时显示工具提示，因此如果启用了JS并禁用了CSS，则可以区别对待额外信息（例如脚注）。
http://juicystudio.com/article/screen-readers-display-none.php http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/