主页 / 问题 / 1394487
Accepted
Руслан Камов
Asked:2022-08-28 21:39:50 +0000 UTC2022-08-28 21:39:50 +0000 UTC

aria-invalid="false" 它是做什么用的？

  • 772

我不明白为什么需要这个属性的英文文档 aria-invalid https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid。通常在输入字段中，我会看到此设置 aria-invalid="false" 。你能用你自己的话解释一下这个属性是什么以及为什么它被设置为假吗？

html

1 个回答

  1. Best Answer

    该属性aria-invalid用于指示输入字段中输入的值与应用程序将接受的格式或值不匹配。这可能包括电子邮件地址或电话号码等格式。aria-invalid也可用于指示必填字段为空。

    ...

    作为验证过程的结果，必须使用 JavaScript 设置属性。如果确定该值无效或超出范围，则设置aria-invalid="true"并通知用户错误。为了改善用户体验，请提供有关如何修复错误的建议。aria-invalid="true"在用户尝试提交表单之前，不要设置为空所需的元素。也许他们仍在努力填写它。

    ...

    目前有四种含义：除了true和false我们有grammar，可以用于检测语法错误和spelling拼写错误。如果该属性不存在，或者它的值为 false，或者它的值为空字符串，则默认值为 false。任何其他值都被视为设置为true。未来可能会添加更多的值。

    来自文章 aria-invalid 的剪辑- 辅助功能 | 通过Yandex.Translate进行MDN / 翻译

    如果仍然不清楚，则：
    如果输入无效，则通过 JS 设置area-invalid="true"，如果存在语法错误（比方说），则设置area-invalid="grammar"or area-invalid="spelling"- 如果拼写。好吧，如果不是其中一个，那么area-invalid="false"或完全删除该属性。

    • 2

相关问题