From de8efec9d16ca992b93e766b329ab532512032f7 Mon Sep 17 00:00:00 2001
From: Patel Muhammad <96219910+Patel-Muhammad@users.noreply.github.com>
Date: Wed, 1 Nov 2023 14:12:27 +0530
Subject: [PATCH] Fix #18199: Fix math expression preview with screen reader
 (#19065)

Fix math expression preview with screen reader
---
 .../templates/math-expression-content-editor.component.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/extensions/objects/templates/math-expression-content-editor.component.html b/extensions/objects/templates/math-expression-content-editor.component.html
index b7b128691e28..3ebb8f0312ef 100644
--- a/extensions/objects/templates/math-expression-content-editor.component.html
+++ b/extensions/objects/templates/math-expression-content-editor.component.html
@@ -9,8 +9,10 @@
   <div>
     <textarea [ngModel]="localValue.label" (ngModelChange)="debouncedUpdate$.next($event)" placeholder="Enter a math expression using LaTeX, e.g. '\frac{x}{y}'"></textarea>
   </div>
-  Preview:
-  <span *ngIf="localValue.label" [oppiaMathJax]="localValue.label">
+  <span tabindex="0">
+    Preview:
+    <span *ngIf="localValue.label" [oppiaMathJax]="localValue.label" [attr.aria-label]="localValue.label">
+    </span>
   </span>
   <span *ngIf="!localValue.label" [oppiaMathJax]="placeholderText" class="text-secondary">
   </span>