改进 spoiler-alert 插件的可访问性

Spoiler-alert 插件非常酷,但不幸的是,它似乎无法通过键盘访问,因为无法通过键盘触发它正在使用的点击事件。这似乎是一个基本的 披露模式,因此我建议您使用按钮来切换模糊效果。这也能让您隐藏模糊的内容,使其对辅助技术不可见。

默认(模糊)状态:切换按钮设置为 aria-expanded="false"。模糊的内容设置为 aria-hidden="true"

可见状态:切换按钮设置为 aria-expanded="true"。内容设置为 aria-hidden="false" 或完全移除 aria-hidden 属性。

该按钮还将有一个 aria-controls 属性,设置为被模糊元素的 id。按钮的可访问名称可以是“显示隐藏内容”(最好使用视觉隐藏文本)。

4 个赞

好的,感谢分享!:slight_smile: 我们一直在寻求改进可访问性。我会在有时间的时候看看这个问题,并在解决后在此处发布更新。

1 个赞

截至 此提交,该插件已更新,包含这些可访问性功能。

2 个赞

此主题已在 11 小时后自动关闭。不再允许回复。