fix(VSkeletonLoader): apply aria-label for sr

fixes #10999
vuetifyjs · Apr 3, 2023 · 35cf624 · 35cf624
1 parent 8253c7e
commit 35cf624
Show file tree

Hide file tree

Showing 43 changed files with 50 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.ts b/packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.ts
@@ -32,6 +32,10 @@ export default mixins(
   props: {
     boilerplate: Boolean,
     loading: Boolean,
+    loadingText: {
+      type: String,
+      default: '$vuetify.loading',
+    },
     tile: Boolean,
     transition: String,
     type: String,
@@ -46,9 +50,10 @@ export default mixins(
       if (!this.isLoading) return this.$attrs
 
       return !this.boilerplate ? {
-        'aria-busy': true,
-        'aria-live': 'polite',
-        role: 'alert',
+        'aria-busy': !this.boilerplate ? true : undefined,
+        'aria-live': !this.boilerplate ? 'polite' : undefined,
+        'aria-label': !this.boilerplate ? this.$vuetify.lang.t(this.loadingText) : undefined,
+        role: !this.boilerplate ? 'alert' : undefined,
         ...this.$attrs,
       } : {}
     },

diff --git a/packages/vuetify/src/locale/af.ts b/packages/vuetify/src/locale/af.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ar.ts b/packages/vuetify/src/locale/ar.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'القييم {0} من {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/az.ts b/packages/vuetify/src/locale/az.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/bg.ts b/packages/vuetify/src/locale/bg.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ca.ts b/packages/vuetify/src/locale/ca.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Puntuació {0} de {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ckb.ts b/packages/vuetify/src/locale/ckb.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/cs.ts b/packages/vuetify/src/locale/cs.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Hodnocení {0} z {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/da.ts b/packages/vuetify/src/locale/da.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Bedømmelse {0} af {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/de.ts b/packages/vuetify/src/locale/de.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/el.ts b/packages/vuetify/src/locale/el.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/en.ts b/packages/vuetify/src/locale/en.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/es.ts b/packages/vuetify/src/locale/es.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Puntuación {0} de {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/et.ts b/packages/vuetify/src/locale/et.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/fa.ts b/packages/vuetify/src/locale/fa.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/fi.ts b/packages/vuetify/src/locale/fi.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Luokitus {0}/{1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/fr.ts b/packages/vuetify/src/locale/fr.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Note de {0} sur {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/he.ts b/packages/vuetify/src/locale/he.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/hr.ts b/packages/vuetify/src/locale/hr.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/hu.ts b/packages/vuetify/src/locale/hu.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/id.ts b/packages/vuetify/src/locale/id.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/it.ts b/packages/vuetify/src/locale/it.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Valutazione {0} di {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ja.ts b/packages/vuetify/src/locale/ja.ts
@@ -71,4 +71,5 @@ export default {
       icon: '評価 {1} のうち {0}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/lt.ts b/packages/vuetify/src/locale/lt.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/lv.ts b/packages/vuetify/src/locale/lv.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/nl.ts b/packages/vuetify/src/locale/nl.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/no.ts b/packages/vuetify/src/locale/no.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/pl.ts b/packages/vuetify/src/locale/pl.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/pt.ts b/packages/vuetify/src/locale/pt.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ro.ts b/packages/vuetify/src/locale/ro.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating de {0} din {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/ru.ts b/packages/vuetify/src/locale/ru.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/sk.ts b/packages/vuetify/src/locale/sk.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Hodnotenie {0} z {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/sl.ts b/packages/vuetify/src/locale/sl.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/sr-Cyrl.ts b/packages/vuetify/src/locale/sr-Cyrl.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Оцена {0} од {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/sr-Latn.ts b/packages/vuetify/src/locale/sr-Latn.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Ocena {0} od {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/sv.ts b/packages/vuetify/src/locale/sv.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/th.ts b/packages/vuetify/src/locale/th.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/tr.ts b/packages/vuetify/src/locale/tr.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/uk.ts b/packages/vuetify/src/locale/uk.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/vi.ts b/packages/vuetify/src/locale/vi.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Đánh giá {0} trên {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/zh-Hans.ts b/packages/vuetify/src/locale/zh-Hans.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
diff --git a/packages/vuetify/src/locale/zh-Hant.ts b/packages/vuetify/src/locale/zh-Hant.ts
@@ -71,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -71,4 +71,5 @@ export default { @@
           icon: 'Rating {0} of {1}',
         },
       },
+      loading: 'Loading...',
     }