(feat) O3-3683: Add aria-labels to Start and End visit buttons in the…

… visit header (#1946) (enhc) : add aria-label property for buttons Co-authored-by: Dennis Kigen <kigen.work@gmail.com>
openmrs · Aug 1, 2024 · 866afa7 · 866afa7
1 parent 96a823e
commit 866afa7
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/esm-patient-chart-app/src/visit-header/visit-header.component.tsx b/packages/esm-patient-chart-app/src/visit-header/visit-header.component.tsx
@@ -182,12 +182,21 @@ const VisitHeader: React.FC = () => {
           <>
             <ExtensionSlot name="visit-header-right-slot" />
             {!isLoading && !currentVisit && !isDeceased && (
-              <Button className={styles.startVisitButton} onClick={launchStartVisitForm} size="lg">
+              <Button
+                className={styles.startVisitButton}
+                onClick={launchStartVisitForm}
+                size="lg"
+                aria-label={t('startAVisit', 'Start a visit')}
+              >
                 {t('startAVisit', 'Start a visit')}
               </Button>
             )}
             {!isLoading && !!currentVisit && (
-              <Button onClick={() => openModal(patient?.id)} className={styles.startVisitButton}>
+              <Button
+                onClick={() => openModal(patient?.id)}
+                className={styles.startVisitButton}
+                aria-label={t('endVisit', 'End visit')}
+              >
                 {t('endVisit', 'End visit')}
               </Button>
             )}