Merge pull request #2941 from abhishekjakhar/fix/status-component

give aria-label to StatusOk, StatusWarning and StatusError components

.changeset/swift-peas-argue.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core': patch
+---
+
+give aria-label attribute to Status Ok, Warning and Error

packages/core/src/components/Status/Status.tsx

@@ -65,20 +65,34 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
 
 export const StatusOK: FC<{}> = props => {
   const classes = useStyles(props);
-  return <span className={classNames(classes.status, classes.ok)} {...props} />;
+  return (
+    <span
+      className={classNames(classes.status, classes.ok)}
+      aria-label="Status ok"
+      {...props}
+    />
+  );
 };
 
 export const StatusWarning: FC<{}> = props => {
   const classes = useStyles(props);
   return (
-    <span className={classNames(classes.status, classes.warning)} {...props} />
+    <span
+      className={classNames(classes.status, classes.warning)}
+      aria-label="Status warning"
+      {...props}
+    />
   );
 };
 
 export const StatusError: FC<{}> = props => {
   const classes = useStyles(props);
   return (
-    <span className={classNames(classes.status, classes.error)} {...props} />
+    <span
+      className={classNames(classes.status, classes.error)}
+      aria-label="Status error"
+      {...props}
+    />
   );
 };