gpt4 book ai didi

javascript - 如何修复空按钮以实现可访问性?

转载 作者:行者123 更新时间:2023-12-02 22:40:53 26 4
gpt4 key购买 nike

我正在使用 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com