fix: Add accessible names in Extensions create form (#4149)

Author: OliwiaGowor

public/i18n/en.yaml

@@ -338,6 +338,7 @@ common:
     resource-name: '{{resource}} $t(common.labels.name)'
     resource-namespace: '{{resource}} $t(common.labels.namespace)'
     secret: Secret
+    type: Type
     version: 'Kyma Dashboard version:'
   messages:
     cannot-load: 'Cannot load {{value}}: {{error.message}}.'

src/components/BusolaExtensions/ColumnsInput.js

@@ -22,6 +22,7 @@ export function ColumnsInput({ value: columns, setValue: setColumns }) {
             value.isSelected = e.target.checked;
             setColumns([...columns]);
           }}
+          accessibleName={`Checkbox ${value.name}`}
         />
         <Input
           value={value.name}
@@ -33,9 +34,20 @@ export function ColumnsInput({ value: columns, setValue: setColumns }) {
           required
           placeholder={t('extensibility.starter-modal.headers.field-name')}
           disabled={!value.isSelected ? true : false}
+          accessibleName={t('common.labels.name')}
+        />
+        <Input
+          className="full-width"
+          disabled
+          value={value?.path}
+          accessibleName={t('common.labels.path')}
+        />
+        <Input
+          className="full-width"
+          disabled
+          value={value?.type}
+          accessibleName={t('common.labels.type')}
         />
-        <Input className="full-width" disabled value={value?.path} />
-        <Input className="full-width" disabled value={value?.type} />
       </div>
     );
   });