Spoiler模糊与屏幕阅读器不兼容

啊,我现在明白了,我基本上为这里提到的“Spoiler Alert”可访问性问题开了一个重复的 issue,抱歉。虽然我的 issue 更侧重于键盘可访问性,但我的解决方案也能修复这个问题,因为正如 @dfabulich 所建议的那样,它将使用一个由按钮触发的 disclosure widget 模式。

我认为你不会想在这里使用 details/summary,因为你想在内容“隐藏”时将其显示在页面上,只是想将其模糊化。在模糊的内容上使用 aria-hidden="true" 会将其对屏幕阅读器用户隐藏,但仍允许其在页面上显示(模糊化)。然后按钮可以切换 aria-hidden 以使其对辅助技术可用。

我认为 ARIA 中没有关于 spoilers 的内容
Spoiler alert 基本上是一个 disclosure widget,ARIA Authoring Practices Guide 提供了相关的指南。

1 个赞