Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Wikimedia Commons SVG在没有Javascript的移动设备(屏幕阅读器)上的工具提示?_Html_Svg_Tooltip - Fatal编程技术网

Html Wikimedia Commons SVG在没有Javascript的移动设备(屏幕阅读器)上的工具提示?

Html Wikimedia Commons SVG在没有Javascript的移动设备(屏幕阅读器)上的工具提示?,html,svg,tooltip,Html,Svg,Tooltip,下面是一个最简单的SVG的MWE,带有一个简单的标题工具提示 此标题工具提示适用于所有桌面浏览器,但不适用于移动浏览器(即屏幕阅读器) 我的问题很简单:在屏幕阅读器上显示工具提示,但不显示Javascript(最终目的是Wikimedia Commons中的SVG,禁用Javascript和其他脚本),最简单的解决方法是什么 带有工具提示的SVG的MWE 这是一个工具提示。 这描述了一种方法(见此),其中: “屏幕阅读器将宣布标题为可访问的名称 代码示例中的元素” 但在这项工作中,它使用

下面是一个最简单的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">