问题标签 [abbr]

只是想知道是否有人可以帮助我理解 WCAG 2.0 中的缩写。

1. 在 WCAG 1.0 中，您只需要在缩写页面的第一个元素上使用abbr/ 。acronym现在在WCAG 2.0 中，指南 3.1.4是否需要将其应用于整个页面上的所有缩写？

2. 这是否也适用于“M.”、“PhD”、“BA”等常见缩写？

3. 有人可以帮我解释一个医学网站的理解成功标准 3.1.4示例吗？这是否意味着我需要在不同的页面上创建两个字典来关联网站上的信息？我很难理解它。

我使用<abbr>标签来显示带有 CSS 属性的一些修剪过的单词的完整内容text-overflow: ellipsis。

使用<abbr>这些词时，得到一个虚线下划线，悬停光标变为带问号的。

我确实设法使用它来改变它。但是，我不确定这是最好的方法，这种方法有什么问题吗？

如何控制 abbr 标签，以便我不仅可以更改标题，还可以更改标题中的消息出现的时间？我是否需要使用 php 或 js 来执行此操作？

我有这个：

我需要访问缩写并更改 innerHTML 和标题。我怎么做？我试着做...

但我不能从那里修改属性。

我经常在我的网站上使用 abbr（以前是首字母缩写词）标签。但我注意到此标签不适用于移动/平板设备（触摸设备）。所以我的问题是：我怎样才能让它发挥作用？

我在互联网上搜索了一些解决方案，但它们并不完全有用：

解决方案1：

解决方案2：

没有一个是完全令人满意的！因此，非常感谢一些替代方案！

我找到了一个脚本，但它不再有效。那么，这里有人愿意分享如何做到这一点吗？

到目前为止，尽管我不懂 javascript，但我已经取得了进展。

我发现，

实际上检索标题并将其输出到控制台中。虽然不知道从现在开始该怎么做。

进一步的进展，我已经设法让它从控制台对实际页面进行更改。

我不知道我需要做什么才能在脚本中工作并始终显示时间戳，此时我可能会制作一个按钮，尽管单击时会显示时间戳，然后将其构建到浏览器中扩大。

如果我希望它以 word 格式显示实际的日期和月份，

进一步进展：

我正在写一个演练，我希望读者能够将鼠标悬停在脚本中任何位置的单词上并获得定义，但我只想定义缩写一次。有没有办法在 html 或 css 中做到这一点？

我了解到该<abbr>标签应该由屏幕阅读器解释，其title属性将在屏幕阅读器读取时替换其内容。但是，当我尝试这样做时，MacOS（Firefox 和 Safari）Voiceover 和 NVDA（Windows 10、Edge 和 Firefox）都不是这样工作的。这是相关的代码部分：

（这是医学表达）

IMO 这应该读作“... bla bla bla nervus peronaeus ...”，但读作“... bla bla bla N.”，然后是长时间的沉默（或者屏幕阅读器甚至在它之前停止），显然是因为点，然后是“peronaeus ...” - 没有“nervus”...

我是否正确使用了语法，或者有什么我遗漏的东西？或者，如果这是正确的：我可以添加任何 WAI-ARIA 代码或类似代码以使其按照大多数屏幕阅读器的方式工作吗？

我很惊讶在谷歌中没有看到这个问题的搜索结果:)。如果您打开这个 w3schools 链接 ( https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_abbr_test )，您可以看到 IE 在缩写词“WHO”下没有显示任何行，而其他浏览器做。我不想添加明确的边框底部：1px dotted #color，因为当表格的其他单元格中的文本换行为多行时，应用程序添加的边框底部将被推得很远，而不是直接留在缩写下方标记的词。我想知道为什么 IE 不显示 abbr 标签下的行。谢谢你的时间！

这是第二期的代码笔（margin-bottom 问题：IE 中的 auto）。如果将大小缩小到 750px 以下，可以看到 abbr 标签下的线是如何移开的。如果您取消注释我添加的 abbr[title] 下的样式并重试，则该问题在 IE 以外的其他浏览器中得到修复。https://codepen.io/Sankaryc/pen/aGOqoZ

HTML：

CSS：

我无法使用 CSS 从所需的输入字段中删除省略号（3 个点）：

如果您访问网站并将某些内容添加到购物车然后转到结帐页面，您将能够检查我们拥有的当前 CSS，它基于 woocommerce 默认样式。 https://www.bobfraley.org/product/salt-and-light-study-edition/

我已经尝试从<abbr>应该解决问题的边框中删除边框，但它不起作用。