我有一个网站，其中使用隐藏的<span>标签和Javascript跟踪某些鼠标事件，为某些事情提供工具提示。它表现出色。这个站点在某种程度上迎合了有视觉障碍的人们，因此，如果没有Javascript或者cCSS，我会尽力使情况降级，通常我会说这是成功的。

所以我的问题是，这些<span>是否可能仅在使用CSS的情况下存在？我曾考虑过要在文档加载时用Javascript编写工具提示。但是我想知道是否有更好的解决方案。

解决方案

也许我们需要重新考虑提供工具提示的方式。内容可以包含在语义上适当的元素的title属性中吗？

编辑：如果我们提供更多信息，某人也许可以提出更多解决方案。工具提示会弹出哪些类型的元素？图片？缩写标签是否合适？

快速解决方案我刚刚想到：<span>可以访问核心属性，包括标题，因此我们可以在标题中包含工具提示文本，并使用jQuery之类的javascript库显示所有跨度的工具提示。标题。

一个快速的技巧是在html中为文本加上与背景相同的颜色(例如，白色为白色)，然后使用CSS将颜色改回可见的颜色(白色为黑色)。当然，这仅与能够看到文本的人有关。屏幕阅读器等不会将文本视为隐藏的。

屏幕阅读器还使用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/