我正在使用 React 构建一个聊天 UI，它需要易于访问。我正在使用Wolox/react-chat-widget 。我不想使用徽章功能。使用 WAVE 工具对其进行测试时，tt 会触发网络聊天启动器按钮的空按钮错误。在不修改基础库的情况下解决此问题的解决方法是什么？
最佳答案
如果不扩展或编辑源代码，就无法解决此问题。
导致该错误的原因是启动聊天的按钮没有可读内容，只有 SVG 文件。
您可以通过修改 components/Widget/components/Launcher/index.js 轻松解决此问题(尽管不是理想的解决方案，但却是最省力的方法)只需将信息添加到打开和关闭图像中当前为空的 alt 标签中。 (alt="关闭聊天", alt="打开聊天")。
最好发送拉取请求，要求作者更新它，以便每个人都能从新增的可访问性中受益。
请记住，此聊天还需要考虑许多其他辅助功能问题，例如管理模式中的焦点、关闭转义键等(可能有这些，但您必须考虑它们。)
关于javascript - 如何修复空按钮以实现可访问性？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58592136/