From b61912e3ebf88013e4e7c4555d605cb26dae0ddf Mon Sep 17 00:00:00 2001
From: Mykyta Maliarchuk <84377976+nikita-web-ua@users.noreply.github.com>
Date: Fri, 7 Nov 2025 14:28:21 +0100
Subject: [PATCH] [ACS-10300] a11y Fix: visible and accessible Group label is
 missing  (#11330)

* [ACS-10300] a11y Fix: visible and accessible Group label is missing for the radio group

* [10300-a11y] sonar fix
---
 lib/content-services/src/lib/i18n/en.json     |  3 +-
 .../version-upload.component.html             |  9 +++-
 .../version-upload.component.scss             | 44 ++++++++++---------
 3 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 1efca447cb..18f0915402 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -18,7 +18,8 @@
         "MINOR": "minor changes ({{version}})",
         "COMMENT": "Leave a comment",
         "ADD": "Add New Version",
-        "CANCEL": "Cancel"
+        "CANCEL": "Cancel",
+        "VERSION_TYPE_LABEL": "Select version type"
       }
     },
     "CONFIRM_DELETE": {
diff --git a/lib/content-services/src/lib/version-manager/version-upload.component.html b/lib/content-services/src/lib/version-manager/version-upload.component.html
index 9e2a0642f9..51c0aba3d6 100644
--- a/lib/content-services/src/lib/version-manager/version-upload.component.html
+++ b/lib/content-services/src/lib/version-manager/version-upload.component.html
@@ -1,5 +1,12 @@
 <div class="adf-new-version-max-width">
-    <mat-radio-group class="adf-new-version-radio-group" [(ngModel)]="semanticVersion" (change)="onVersionChange()">
+    <div id="adf-version-type-label" class="adf-version-type-label">
+        {{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.VERSION_TYPE_LABEL' | translate }}
+    </div>
+    <mat-radio-group
+        class="adf-new-version-radio-group"
+        [(ngModel)]="semanticVersion"
+        (change)="onVersionChange()"
+        [attr.aria-labelledby]="'adf-version-type-label'">
         <mat-radio-button class="adf-new-version-radio-button" id="adf-new-version-minor" [value]="'minor'">
             {{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.MINOR' | translate: { version: minorVersion } }}
         </mat-radio-button>
diff --git a/lib/content-services/src/lib/version-manager/version-upload.component.scss b/lib/content-services/src/lib/version-manager/version-upload.component.scss
index 86974e9e76..59549ab9d9 100644
--- a/lib/content-services/src/lib/version-manager/version-upload.component.scss
+++ b/lib/content-services/src/lib/version-manager/version-upload.component.scss
@@ -1,25 +1,5 @@
 @use '../mat-selectors.scss' as ms;
 
-.adf-new-version-radio-group {
-    display: inline-flex;
-    flex-direction: column;
-}
-
-.adf-new-version-radio-button {
-    margin: 5px;
-    margin-top: 2px;
-    margin-left: 5px;
-}
-
-.adf-version-upload-buttons {
-    padding-top: 18px;
-    padding-bottom: 5px;
-    display: flex;
-    float: right;
-    justify-content: space-between;
-    width: 100%;
-}
-
 .adf-version-upload {
     .adf-new-version-max-width {
         padding-top: 2px;
@@ -39,4 +19,28 @@
             resize: none;
         }
     }
+
+    .adf-version-type-label {
+        margin-bottom: 8px;
+    }
+
+    .adf-new-version-radio-group {
+        display: inline-flex;
+        flex-direction: column;
+    }
+
+    .adf-new-version-radio-button {
+        margin: 5px;
+        margin-top: 2px;
+        margin-left: 5px;
+    }
+
+    .adf-version-upload-buttons {
+        padding-top: 18px;
+        padding-bottom: 5px;
+        display: flex;
+        float: right;
+        justify-content: space-between;
+        width: 100%;
+    }
 }