screen reader support for error case

microsoft · Nov 16, 2023 · 7abeb6a · 7abeb6a
1 parent b6eabfe
commit 7abeb6a
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx b/libs/interpret-vision/src/lib/VisionExplanationDashboard/Controls/CohortToolBar.tsx
@@ -120,6 +120,7 @@ export class CohortToolBar extends React.Component<
                   <Text
                     className={classNames.errorMessage}
                     variant="mediumPlus"
+                    aria-label={this.state.errorMessage}
                   >
                     {this.state.errorMessage}
                   </Text>
@@ -130,10 +131,12 @@ export class CohortToolBar extends React.Component<
                   <PrimaryButton
                     onClick={this.addCohortWrapper(true)}
                     text={localization.InterpretVision.Cohort.saveAndSwitch}
+                    ariaLabel={this.state.errorMessage ? this.state.errorMessage : undefined}
                   />
                   <DefaultButton
                     onClick={this.addCohortWrapper(false)}
                     text={localization.InterpretVision.Cohort.saveAndClose}
+                    ariaLabel={this.state.errorMessage ? this.state.errorMessage : undefined}
                   />
                 </DialogFooter>
               </Stack.Item>