Javascript 标签文本为空

此错误由WCAG 2（A级）验证检测到

我使用儿童wordpress主题。我试图用Javascript修复标记，但WCAG2仍然突出显示错误

你能帮我吗？

屏幕截图#1

编辑：这里是没有javascript的摘录。javascript文件在页面末尾加载

截图#2

---

您需要添加“aria标签”属性

或

您需要添加

<label for="search-input">Label</label>

标签

---

并将输入id设置为“搜索输入”

看起来该消息来自。（有时告诉人们您正在使用的辅助功能工具会有所帮助。）

错误为not抱怨与不关联。您的代码结构通过在中嵌入一个隐式标签，这是有效的（请参阅“”规范）

label元素表示用户界面中的标题。标题可以与特定的表单控件（称为标签元素的标签控件）相关联，可以使用for属性，也可以将表单控件放在标签元素本身内部

话虽如此，屏幕阅读器和浏览器的某些组合过去（现在可能仍然存在）不支持隐式标签，并要求您在上为属性指定

，但辅助功能检查器工具不应将其标记为错误。它可以将其标记为手动检查的问题，但这不是错误

无论如何，回到原来的问题表示标签本身没有任何文本。标签上有一个
class=“屏幕阅读器文本”
，它是标签内唯一的文本源。如果该类具有
显示：无
或
可见性：隐藏
，则可能会导致错误，因为文本将对所有用户隐藏。但是，如果您的
屏幕阅读器文本
类只是在视觉上隐藏了文本（类似于），则屏幕阅读器可以使用该文本，但视力正常的用户可能看不到该文本。我不确定这是否会导致AChecker将其标记为错误。
嗨，特里斯坦，谢谢你的回答。它不起作用。但可能是因为javascript加载。我不能直接编辑文件，我必须通过Javascript，因为我使用wordpress子主题。我不知道该怎么办，我有一个考试，WCAG的验证是强制性的，必须有itHmm，你能添加一个生成的HTML片段吗？在您的脚本之前添加标签i edit my post添加不带javascript的HTML的img