可访问性和星号结束说明答案

【问题标题】：Accessibility and asterisks end notes可访问性和星号结束说明
【发布时间】：2018-03-02 01:25:54
【问题描述】：

我有一个冗长的文档，需要将其转换为符合 WCAG AA 标准的 HTML，作者使用星号作为尾注，例如 *、** 和 ***。这是一个例子：

Solano County Atlas Fire (Solano County) 10/17*
Ponderosa Fire (Butte County) 08/17*
Helena Fire (Trinity County) 08/17*
...

* For taxable years beginning on or after January 1, 2014...

注意：以上列表中的多个 * 星号都指向一个尾注引用，因此难以使用传统的脚注做法。

以下是我尝试使用aria-describedby 解决此问题，但是 JAWS 根本不阅读描述星号或描述。

Solano County Atlas Fire (Solano County) 10/17<span aria-describedby="dd1">*</span>
...
<p id="dd1">* For taxable years beginning on or after January 1, 2014...</p>

经过一些研究，JAWS 和其他一些屏幕阅读器似乎根本不会宣布某些标点符号。所以我不确定如何解决这个问题。除非没有其他可能的解决方案，否则我真的不能随意更改字符。

你会建议我做什么来解决这个问题？

【问题讨论】：

标签： html accessibility wai-aria wcag2.0 footnotes

【解决方案1】：

我建议做一件简单的事情，因为我读过的很多 HTML 书籍都这样做了。

将星号设为带有 Id 的链接，即<a id="linkToNote1" href="#note1">*</a>。
在文档末尾添加一个名为“Notes”的标题。
将注释添加为列表项或具有相应 ID 的段落（在本例中为 note1）。
最重要的一点：在每个注释的结尾加上一个指向文本中适当位置的链接，即：<a href="#linkToNote1">Go back</a>。

如果您想使用 ARIA，请不要用 aria-describedby 标记唯一的星号，因为您说得对，因为许多用户将标点符号级别设置得非常低，因此他们不会被冗长文本中的这些符号分心。

【讨论】：

谢谢安德烈，在这种情况下，文档可能包含多达 32 个对单个星号 * 的引用，否则我会使用您描述的脚注处理。为了更清楚，我更新了描述和示例。
然后我会选择我的底部链接解决方案:)。
安德烈在现场。有关他的建议的逐步教程，请参阅sitepoint.com/accessible-footnotes-css。这篇文章已经快 3 年了，但仍然具有相关性。我不明白为什么有多个星号指向同一个笔记会使这个解决方案无效。