Merge pull request microsoft#183305 from microsoft/aiday/internalIssue4027

Reading out placeholder when no text written in interactive editor

Author: aiday-mar

src/vs/workbench/contrib/interactiveEditor/browser/interactiveEditorWidget.ts

@@ -52,6 +52,7 @@ import { assertType } from 'vs/base/common/types';
 import { renderLabelWithIcons } from 'vs/base/browser/ui/iconLabel/iconLabels';
 import { ExpansionState } from 'vs/workbench/contrib/interactiveEditor/browser/interactiveEditorSession';
 import { IdleValue } from 'vs/base/common/async';
+import * as aria from 'vs/base/browser/ui/aria/aria';
 
 const defaultAriaLabel = localize('aria-label', "Interactive Editor Input");
 
@@ -246,6 +247,7 @@ export class InteractiveEditorWidget {
 			const hasFocus = this._inputEditor.hasWidgetFocus();
 			this._ctxInputEditorFocused.set(hasFocus);
 			this._elements.content.classList.toggle('synthetic-focus', hasFocus);
+			this.readPlaceholder();
 		};
 		this._store.add(this._inputEditor.onDidFocusEditorWidget(updateFocused));
 		this._store.add(this._inputEditor.onDidBlurEditorWidget(updateFocused));
@@ -271,6 +273,7 @@ export class InteractiveEditorWidget {
 			const hasText = this._inputModel.getValueLength() > 0;
 			this._elements.placeholder.classList.toggle('hidden', hasText);
 			this._ctxInputEmpty.set(!hasText);
+			this.readPlaceholder();
 
 			const contentHeight = this._inputEditor.getContentHeight();
 			if (contentHeight !== currentContentHeight && this._lastDim) {
@@ -435,6 +438,13 @@ export class InteractiveEditorWidget {
 		this._elements.placeholder.innerText = value;
 	}
 
+	readPlaceholder(): void {
+		const hasText = this._inputModel.getValueLength() > 0;
+		if (!hasText) {
+			aria.status(this._elements.placeholder.innerText);
+		}
+	}
+
 	updateToolbar(show: boolean) {
 		this._elements.statusToolbar.classList.toggle('hidden', !show);
 		this._elements.feedbackToolbar.classList.toggle('hidden', !show);