时间戳

首页 > 解决方案 > 是否可以在 Vee Validate 中更改 aria 属性的位置？

javascript - 是否可以在 Vee Validate 中更改 aria 属性的位置？

问题描述

据我所知， aria-required 和 aria-invalid 属性位于嵌入 v-validate 属性的输入标签上。例如。

<input class="a" type="text" v-validate="'required'">

将表现为：

<input class="a" type="text" aria-required="true" aria-invalid>

在 DOM 中。

如果我的输入周围有一个 div，aria 属性是否可以在 div 中体现？所以它看起来像：

<div class="b" aria-required="'true'" aria-invalid>
  <input class="a" type="text">
</div>

标签： javascriptvue.jsvee-validate

解决方案

参考：developer.mozilla.org

aria-required 属性用于指示在提交表单之前需要对元素进行用户输入。此属性可用于任何典型的 HTML 表单元素。并且<div>tag 不是表单元素，因此不能与 aria 属性一起使用。

推荐阅读