Fix oppia#18199: Fix math expression preview with screen reader (oppi…

…a#19065) Fix math expression preview with screen reader
Patel-Muhammad · Nov 1, 2023 · de8efec · de8efec
1 parent a4f007c
commit de8efec
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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>