如何修复空白按钮以进行辅助功能?

问题描述 投票:-2回答:1

我正在使用REACT构建聊天UI,它需要可访问。我正在使用Wolox / react-chat-widget https://github.com/Wolox/react-chat-widget。我不想使用徽章功能。使用WAVE工具对其进行测试之后。它会触发Web聊天启动器按钮的空按钮错误。解决该问题而不修改基础库的解决方法是什么?

javascript reactjs accessibility wave web-chat
1个回答
0
投票

[如果不扩展或编辑源代码就无法解决此问题。

错误是由于启动聊天的按钮没有可读内容,只有SVG文件引起的。

您可以通过修改components/Widget/components/Launcher/index.js来轻松地解决此问题(尽管不是理想的解决方法,但是是最省力的方法),只需将信息添加到打开和关闭图像中当前为空的alt标签中。

最好还是发送拉取请求,要求作者对其进行更新,以使每个人都从增加的可访问性中受益。

© www.soinside.com 2019 - 2024. All rights reserved.