From e6d624437f292353b15d911cb8e6b53aaa3e65fa Mon Sep 17 00:00:00 2001
From: ClaudioGSDB <csciotto@amazon.de>
Date: Thu, 16 Oct 2025 16:38:19 +0200
Subject: [PATCH] fix: Added aria descriptions to code-editors

---
 src/code-editor/index.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/code-editor/index.tsx b/src/code-editor/index.tsx
index 5b01a54e6d..c486648c7c 100644
--- a/src/code-editor/index.tsx
+++ b/src/code-editor/index.tsx
@@ -79,6 +79,7 @@ const CodeEditor = forwardRef((props: CodeEditorProps, ref: React.Ref<CodeEditor
   const mergedRef = useMergeRefs(codeEditorMeasureRef, __internalRootRef);
 
   const paneId = useUniqueId('code-editor-pane');
+  const descriptionId = useUniqueId('code-editor-description');
 
   const [paneStatus, setPaneStatus] = useState<PaneStatus>('hidden');
   const [annotations, setAnnotations] = useState<Ace.Annotation[]>([]);
@@ -135,6 +136,13 @@ const CodeEditor = forwardRef((props: CodeEditorProps, ref: React.Ref<CodeEditor
   const warningCount = annotations.filter(a => a.type === 'warning').length;
   const currentAnnotations = useMemo(() => annotations.filter(a => a.type === paneStatus), [annotations, paneStatus]);
 
+  const computedAriaDescription = useMemo(() => {
+    const errorText = `${errorCount} ${i18n('i18nStrings.errorsTab', i18nStrings?.errorsTab)}`;
+    const warningText = `${warningCount} ${i18n('i18nStrings.warningsTab', i18nStrings?.warningsTab)}`;
+
+    return `${errorText}, ${warningText}`;
+  }, [errorCount, warningCount, i18n, i18nStrings]);
+
   /*
    * Callbacks
    */
@@ -224,6 +232,7 @@ const CodeEditor = forwardRef((props: CodeEditorProps, ref: React.Ref<CodeEditor
             handleAriaLabel={i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings?.resizeHandleAriaLabel)}
             handleTooltipText={i18n('i18nStrings.resizeHandleTooltipText', i18nStrings?.resizeHandleTooltipText)}
           >
+            <div id={descriptionId}>{computedAriaDescription}</div>
             <div
               ref={editorRef}
               className={clsx(styles.editor, styles.ace, isRefresh && styles['editor-refresh'])}
@@ -231,6 +240,7 @@ const CodeEditor = forwardRef((props: CodeEditorProps, ref: React.Ref<CodeEditor
               tabIndex={0}
               role="group"
               aria-label={i18n('i18nStrings.editorGroupAriaLabel', i18nStrings?.editorGroupAriaLabel)}
+              aria-describedby={descriptionId}
             />
           </ResizableBox>
           <div