Spoiler-alert 插件非常酷,但不幸的是,它似乎无法通过键盘访问,因为无法通过键盘触发它正在使用的点击事件。这似乎是一个基本的 披露模式,因此我建议您使用按钮来切换模糊效果。这也能让您隐藏模糊的内容,使其对辅助技术不可见。
默认(模糊)状态:切换按钮设置为 aria-expanded="false"。模糊的内容设置为 aria-hidden="true"。
可见状态:切换按钮设置为 aria-expanded="true"。内容设置为 aria-hidden="false" 或完全移除 aria-hidden 属性。
该按钮还将有一个 aria-controls 属性,设置为被模糊元素的 id。按钮的可访问名称可以是“显示隐藏内容”(最好使用视觉隐藏文本)。