可访问性：Vue和Jest-Axe：按钮必须具有可识别的文本,如果子内容通过插槽进入，我们如何添加按钮名称/咏叹调标签？

weylhg0b 于 2022-11-17 发布在 Vue.js

关注(0)|答案(1)|浏览(202)

我一直在尝试在可访问性方面改进我的项目，所以我决定从vuejs-accessibility添加一些ESLint规则并安装Jest-Axe。
在我的按钮组件上运行可访问性测试时，Jest-Axe提示我Buttons must have discernible text并开始查看它，我有点卡住了，因为我正在使用<slot />将内容动态传递到我的按钮，而这些内容可以是rich-text或我目前拥有的其他文本组件的形式。
有没有办法让屏幕阅读器可以使用输入的内容？写“按下按钮”作为提示会不会是一个不错的解决方案？

vue.js

来源：https://stackoverflow.com/questions/72125356/accessibility-vue-jest-axe-buttons-must-have-discernible-text-how-can-we-ad

1条答案

按热度按时间

eit6fx6z1#

如果您正在使用jest-axe和Vue测试实用程序，您可以自己向插槽中添加内容

mount(Button, {
  slots: {
    default: 'Main Content'
  }
})

赞(0）回复(0）举报 2022-11-17

我来回答

可访问性：Vue和Jest-Axe：按钮必须具有可识别的文本,如果子内容通过插槽进入，我们如何添加按钮名称/咏叹调标签？

1条答案

相关问题

热门标签

最新问答