feat: added alert role to the error message

logaretm · Jun 28, 2020 · 714abfe · 714abfe
1 parent b55829f
commit 714abfe
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/core/src/ErrorMessage.ts b/packages/core/src/ErrorMessage.ts
@@ -24,7 +24,10 @@ export const ErrorMessage = defineComponent({
       });
 
       const tag = props.as;
-      const id = genFieldErrorId(props.name);
+      const attrs = {
+        id: genFieldErrorId(props.name),
+        role: 'alert',
+      };
 
       // If no tag was specified and there are children
       // render the slot as is without wrapping it
@@ -35,13 +38,13 @@ export const ErrorMessage = defineComponent({
       // If no children in slot
       // render whatever specified and fallback to a <span> with the message in it's contents
       if (!children.length) {
-        return h(tag || 'span', { id }, message.value);
+        return h(tag || 'span', attrs, message.value);
       }
 
       return h(
         tag,
         {
-          id,
+          ...attrs,
           ...ctx.attrs,
         },
         children