Merge pull request #13293 from rak-phillip/task/12818-input-labels

Add aria labels to table filters and Import YAML code editor
rancher · Feb 5, 2025 · 8f2edd7 · 8f2edd7
2 parents 8355788 + 1129931
commit 8f2edd7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/shell/assets/translations/en-us.yaml b/shell/assets/translations/en-us.yaml
@@ -2744,6 +2744,8 @@ hpa:
 
 import:
   title: Import YAML
+  editor:
+    label: YAML Editor
   defaultNamespace:
     label: Default Namespace
   success: |-
@@ -5375,6 +5377,7 @@ sortableTable:
       =1 {{count} {count, plural, =1 {{singularLabel}} other {{pluralLabel}}}}
       other {{from} - {to} of {count} {pluralLabel}}}
   search: Filter
+  searchLabel: Filter table results
   in: in
   addFilter: Add Filter
   filterFor: Filter for...

diff --git a/shell/components/SortableTable/index.vue b/shell/components/SortableTable/index.vue
@@ -1213,6 +1213,7 @@ export default {
             v-model="eventualSearchQuery"
             type="search"
             class="input-sm search-box"
+            :aria-label="t('sortableTable.searchLabel')"
             :placeholder="t('sortableTable.search')"
           >
           <slot name="header-button" />

diff --git a/shell/components/YamlEditor.vue b/shell/components/YamlEditor.vue
@@ -126,6 +126,7 @@ export default {
             cm.indentSelection('subtract');
           }
         },
+        screenReaderLabel: this.t('import.editor.label'),
         // @TODO find a better way to display the outline
         // foldOptions: {
         //   widget: (from, to) => {