vuetifyjs · Martin-Idel · Feb 8, 2024 · Feb 8, 2024 · Oct 14, 2024 · Oct 16, 2024
diff --git a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
@@ -521,6 +521,10 @@ export const VAutocomplete = genericComponent<new <
                                       modelValue={ isSelected }
                                       ripple={ false }
                                       tabindex="-1"
+                                      aria-label={ isSelected
+                                        ? t('$vuetify.selectionControl.checked')
+                                        : t('$vuetify.selectionControl.unchecked')
+                                      }
                                     />
                                   ) : undefined }
 

diff --git a/packages/vuetify/src/components/VField/VField.tsx b/packages/vuetify/src/components/VField/VField.tsx
@@ -73,6 +73,7 @@ export const makeVFieldProps = propsFactory({
     type: Boolean,
     default: null,
   },
+  labelId: String,
   error: Boolean,
   flat: Boolean,
   label: String,
@@ -299,7 +300,7 @@ export const VField = genericComponent<new <T>(
             )}
 
             { hasLabel.value && (
-              <VFieldLabel key="label" ref={ labelRef } for={ id.value }>
+              <VFieldLabel key="label" id={ props.labelId } ref={ labelRef } for={ id.value }>
                 { label() }
               </VFieldLabel>
             )}

diff --git a/packages/vuetify/src/components/VSelect/VSelect.tsx b/packages/vuetify/src/components/VSelect/VSelect.tsx
@@ -376,7 +376,6 @@ export const VSelect = genericComponent<new <
           onMousedown:control={ onMousedownControl }
           onBlur={ onBlur }
           onKeydown={ onKeydown }
-          aria-label={ t(label.value) }
           title={ t(label.value) }
         >
           {{
@@ -441,6 +440,10 @@ export const VSelect = genericComponent<new <
                                         modelValue={ isSelected }
                                         ripple={ false }
                                         tabindex="-1"
+                                        aria-label={ isSelected
+                                          ? t('$vuetify.selectionControl.checked')
+                                          : t('$vuetify.selectionControl.unchecked')
+                                        }
                                       />
                                     ) : undefined }
 

diff --git a/packages/vuetify/src/components/VTextField/VTextField.tsx b/packages/vuetify/src/components/VTextField/VTextField.tsx
@@ -198,6 +198,7 @@ export const VTextField = genericComponent<VTextFieldSlots>()({
                 role={ props.role }
                 { ...fieldProps }
                 id={ id.value }
+                labelId={ `${id.value}-label` }
                 active={ isActive.value || isDirty.value }
                 dirty={ isDirty.value || props.dirty }
                 disabled={ isDisabled.value }
@@ -226,6 +227,7 @@ export const VTextField = genericComponent<VTextFieldSlots>()({
                         type={ props.type }
                         onFocus={ onFocus }
                         onBlur={ blur }
+                        aria-labelledby={ `${id.value}-label` }
                         { ...slotProps }
                         { ...inputAttrs }
                       />

diff --git a/packages/vuetify/src/components/VTextarea/VTextarea.tsx b/packages/vuetify/src/components/VTextarea/VTextarea.tsx
@@ -253,6 +253,7 @@ export const VTextarea = genericComponent<VTextareaSlots>()({
                 { ...fieldProps }
                 id={ id.value }
                 active={ isActive.value || isDirty.value }
+                labelId={ `${id.value}-label` }
                 centerAffix={ rows.value === 1 && !isPlainOrUnderlined.value }
                 dirty={ isDirty.value || props.dirty }
                 disabled={ isDisabled.value }
@@ -287,6 +288,7 @@ export const VTextarea = genericComponent<VTextareaSlots>()({
                         name={ props.name }
                         onFocus={ onFocus }
                         onBlur={ blur }
+                        aria-labelledby={ `${id.value}-label` }
                         { ...slotProps }
                         { ...inputAttrs }
                       />

diff --git a/packages/vuetify/src/locale/af.ts b/packages/vuetify/src/locale/af.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Geen ooreenstemmende resultate is gevind nie',
     loadingText: 'Loading item...',
   },
+  selectionControl: {
+    checked: 'Gemerk',
+    unchecked: 'Nie gemerk nie',
+  },
   dataTable: {
     itemsPerPageText: 'Rye per bladsy:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/ar.ts b/packages/vuetify/src/locale/ar.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'لم يتم إيجاد نتائج',
     loadingText: 'يتم جلب العناصر...',
   },
+  selectionControl: {
+    checked: 'محدد',
+    unchecked: 'غير محدد',
+  },
   dataTable: {
     itemsPerPageText: 'عدد الصفوف لكل صفحة:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/az.ts b/packages/vuetify/src/locale/az.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Uyğun məlumat tapılmadı',
     loadingText: 'Yüklənir... Zəhmət olmasa, gözləyin.',
   },
+  selectionControl: {
+    checked: 'Seçilmiş',
+    unchecked: 'Seçilməmiş',
+  },
   dataTable: {
     itemsPerPageText: 'Səhifə başı sətir sayı:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/bg.ts b/packages/vuetify/src/locale/bg.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Не са намерени записи',
     loadingText: 'Зареждане на елементи...',
   },
+  selectionControl: {
+    checked: 'Избрано',
+    unchecked: 'Неизбрано',
+  },
   dataTable: {
     itemsPerPageText: 'Редове на страница:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/ca.ts b/packages/vuetify/src/locale/ca.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Sense dades per mostrar',
     loadingText: 'Carregant...',
   },
+  selectionControl: {
+    checked: 'Marcat',
+    unchecked: 'No marcat',
+  },
   dataTable: {
     itemsPerPageText: 'Files per pàgina:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/ckb.ts b/packages/vuetify/src/locale/ckb.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'هیچ تۆمارێکی هاوتا نەدۆزرایەوە',
     loadingText: 'بارکردنی ئایتمەکان...',
   },
+  selectionControl: {
+    checked: 'دیاریکراوە',
+    unchecked: 'دیارینەکراوە',
+  },
   dataTable: {
     itemsPerPageText: 'ڕیزەکان بۆ هەر پەڕەیەک:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/cs.ts b/packages/vuetify/src/locale/cs.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nenalezeny žádné záznamy',
     loadingText: 'Načítám položky...',
   },
+  selectionControl: {
+    checked: 'Zaškrtnuto',
+    unchecked: 'Nezaškrtnuto',
+  },
   dataTable: {
     itemsPerPageText: 'Řádků na stránku:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/da.ts b/packages/vuetify/src/locale/da.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Ingen matchende data fundet',
     loadingText: 'Indhenter data...',
   },
+  selectionControl: {
+    checked: 'Markeret',
+    unchecked: 'Ikke markeret',
+  },
   dataTable: {
     itemsPerPageText: 'Rækker pr. side:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/de.ts b/packages/vuetify/src/locale/de.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Keine Elemente gefunden',
     loadingText: 'Lade Elemente...',
   },
+  selectionControl: {
+    checked: 'Ausgewählt',
+    unchecked: 'Nicht Ausgewählt',
+  },
   dataTable: {
     itemsPerPageText: 'Zeilen pro Seite:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/el.ts b/packages/vuetify/src/locale/el.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Δε βρέθηκαν αποτελέσματα',
     loadingText: 'Loading item...',
   },
+  selectionControl: {
+    checked: 'Επιλεγμένο',
+    unchecked: 'Μη επιλεγμένο',
+  },
   dataTable: {
     itemsPerPageText: 'Γραμμές ανά σελίδα:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/en.ts b/packages/vuetify/src/locale/en.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'No matching records found',
     loadingText: 'Loading items...',
   },
+  selectionControl: {
+    checked: 'Checked',
+    unchecked: 'Not Checked',
+  },
   dataTable: {
     itemsPerPageText: 'Rows per page:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/es.ts b/packages/vuetify/src/locale/es.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Ningún elemento coincide con la búsqueda',
     loadingText: 'Cargando...',
   },
+  selectionControl: {
+    checked: 'Marcado',
+    unchecked: 'No marcado',
+  },
   dataTable: {
     itemsPerPageText: 'Filas por página:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/et.ts b/packages/vuetify/src/locale/et.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Vastavaid kirjeid ei leitud',
     loadingText: 'Andmeid laaditakse...',
   },
+  selectionControl: {
+    checked: 'Valitud',
+    unchecked: 'Pole valitud',
+  },
   dataTable: {
     itemsPerPageText: 'Ridu leheküljel:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/fa.ts b/packages/vuetify/src/locale/fa.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'نتیجه‌ای یافت نشد',
     loadingText: 'در حال بارگذاری...',
   },
+  selectionControl: {
+    checked: 'انتخاب شده',
+    unchecked: 'انتخاب نشده',
+  },
   dataTable: {
     itemsPerPageText: 'ردیف در صفحه:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/fi.ts b/packages/vuetify/src/locale/fi.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Ei osumia',
     loadingText: 'Ladataan kohteita...',
   },
+  selectionControl: {
+    checked: 'Valittu',
+    unchecked: 'Ei valittu',
+  },
   dataTable: {
     itemsPerPageText: 'Rivejä sivulla:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/fr.ts b/packages/vuetify/src/locale/fr.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Aucun enregistrement correspondant trouvé',
     loadingText: `Chargement de l'élément...`,
   },
+  selectionControl: {
+    checked: 'Coché',
+    unchecked: 'Decoché',
+  },
   dataTable: {
     itemsPerPageText: 'Lignes par page :',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/he.ts b/packages/vuetify/src/locale/he.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'לא נמצאו תוצאות מתאימות',
     loadingText: 'טוען פריט...',
   },
+  selectionControl: {
+    checked: 'נבחר',
+    unchecked: 'לא נבחר',
+  },
   dataTable: {
     itemsPerPageText: 'שורות לעמוד:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/hr.ts b/packages/vuetify/src/locale/hr.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nisu pronađene odgovarajuće stavke',
     loadingText: 'Učitavanje...',
   },
+  selectionControl: {
+    checked: 'Označeno',
+    unchecked: 'Nije označeno',
+  },
   dataTable: {
     itemsPerPageText: 'Redaka po stranici:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/hu.ts b/packages/vuetify/src/locale/hu.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nincs egyező találat',
     loadingText: 'Betöltés...',
   },
+  selectionControl: {
+    checked: 'Kiválasztva',
+    unchecked: 'Nincs kiválasztva',
+  },
   dataTable: {
     itemsPerPageText: 'Elem oldalanként:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/id.ts b/packages/vuetify/src/locale/id.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Tidak ditemukan catatan yang cocok',
     loadingText: 'Memuat data...',
   },
+  selectionControl: {
+    checked: 'Dipilih',
+    unchecked: 'Tidak dipilih',
+  },
   dataTable: {
     itemsPerPageText: 'Baris per halaman:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/it.ts b/packages/vuetify/src/locale/it.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nessun risultato trovato',
     loadingText: 'Caricamento in corso...',
   },
+  selectionControl: {
+    checked: 'Selezionato',
+    unchecked: 'Non selezionato',
+  },
   dataTable: {
     itemsPerPageText: 'Righe per pagina:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/ja.ts b/packages/vuetify/src/locale/ja.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: '検索結果が見つかりません。',
     loadingText: '項目をロード中です...',
   },
+  selectionControl: {
+    checked: 'チェック済み',
+    unchecked: 'チェックなし',
+  },
   dataTable: {
     itemsPerPageText: '1ページあたりの行数：',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/km.ts b/packages/vuetify/src/locale/km.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'មិនមានទិន្នន័យដែលត្រូវគ្នាទេ',
     loadingText: 'កំពុងដំណើរការ...',
   },
+  selectionControl: {
+    checked: 'បានជ្រើស',
+    unchecked: 'មិនបានជ្រើស',
+  },
   dataTable: {
     itemsPerPageText: 'ជ្រើសរើសពត៌មានក្នុងមួយទំព័រ:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/ko.ts b/packages/vuetify/src/locale/ko.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: '일치하는 항목이 없습니다.',
     loadingText: '불러오는 중...',
   },
+  selectionControl: {
+    checked: '선택됨',
+    unchecked: '선택되지 않음',
+  },
   dataTable: {
     itemsPerPageText: '페이지 당 행 수:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/lt.ts b/packages/vuetify/src/locale/lt.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nerasta atitinkančių įrašų',
     loadingText: 'Kraunama...',
   },
+  selectionControl: {
+    checked: 'Pažymėta',
+    unchecked: 'Nepažymėta',
+  },
   dataTable: {
     itemsPerPageText: 'Eilutės per puslapį:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/lv.ts b/packages/vuetify/src/locale/lv.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nekas netika atrasts',
     loadingText: 'Ielādē...',
   },
+  selectionControl: {
+    checked: 'Atzīmēts',
+    unchecked: 'Nav atzīmēts',
+  },
   dataTable: {
     itemsPerPageText: 'Rādīt lapā:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/nl.ts b/packages/vuetify/src/locale/nl.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Geen overeenkomende resultaten gevonden',
     loadingText: 'Items aan het laden...',
   },
+  selectionControl: {
+    checked: 'Geselecteerd',
+    unchecked: 'Niet geselecteerd',
+  },
   dataTable: {
     itemsPerPageText: 'Rijen per pagina:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/no.ts b/packages/vuetify/src/locale/no.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Fant ingen matchende elementer.',
     loadingText: 'Laster elementer...',
   },
+  selectionControl: {
+    checked: 'Valgt',
+    unchecked: 'Ikke valgt',
+  },
   dataTable: {
     itemsPerPageText: 'Rader per side:',
     ariaLabel: {

diff --git a/packages/vuetify/src/locale/pl.ts b/packages/vuetify/src/locale/pl.ts
@@ -11,6 +11,10 @@ export default {
     noResultsText: 'Nie znaleziono danych odpowiadających wyszukiwaniu',
     loadingText: 'Wczytywanie danych...',
   },
+  selectionControl: {
+    checked: 'Zaznaczone',
+    unchecked: 'Niezaznaczone',
+  },
   dataTable: {
     itemsPerPageText: 'Wierszy na stronie:',
     ariaLabel: {