Html Wikimedia Commons SVG在没有Javascript的移动设备(屏幕阅读器)上的工具提示?
下面是一个最简单的SVG的MWE,带有一个简单的标题工具提示 此标题工具提示适用于所有桌面浏览器,但不适用于移动浏览器(即屏幕阅读器) 我的问题很简单:在屏幕阅读器上显示工具提示,但不显示Javascript(最终目的是Wikimedia Commons中的SVG,禁用Javascript和其他脚本),最简单的解决方法是什么 带有工具提示的SVG的MWEHtml Wikimedia Commons SVG在没有Javascript的移动设备(屏幕阅读器)上的工具提示?,html,svg,tooltip,Html,Svg,Tooltip,下面是一个最简单的SVG的MWE,带有一个简单的标题工具提示 此标题工具提示适用于所有桌面浏览器,但不适用于移动浏览器(即屏幕阅读器) 我的问题很简单:在屏幕阅读器上显示工具提示,但不显示Javascript(最终目的是Wikimedia Commons中的SVG,禁用Javascript和其他脚本),最简单的解决方法是什么 带有工具提示的SVG的MWE 这是一个工具提示。 这描述了一种方法(见此),其中: “屏幕阅读器将宣布标题为可访问的名称 代码示例中的元素” 但在这项工作中,它使用
这是一个工具提示。
这描述了一种方法(见此),其中:
“屏幕阅读器将宣布标题为可访问的名称
代码示例中的元素”
但在这项工作中,它使用图像来处理某些事情,而不是为了。。。似乎没有“切换”(激活和取消激活某些工具提示)的方法,也没有确定工具提示确切位置的有用方法。首先,示例中的是错误的-。它不能有title元素
有时,一些用户代理可能会将title元素显示为工具提示,但
如果希望在所有浏览器中都有工具提示,请将SVG放入如下HTML元素中:
谢谢。这也适用于移动设备(没有悬停功能)吗?@VincentMiaEdieVerheyen,这也适用于移动设备,但我不明白在这种情况下,悬停功能意味着什么。只需检查一下即可。使用任何移动设备(只有屏幕输入,即没有能够悬停的鼠标)。您的代码不会生成在此类移动设备上显示的工具提示。不过,我会把你的答案+1加起来,以便对title元素的正确用法进行简洁的解释,谢谢。
<title>This is a tooltip.</title>
<img src="my-image.jpg" title="The 3 little pigs build their houses">