fix(toast): make toast icon accessible to screen readers (#3057)

* changes

* Update InternalToast.tsx

* fix test suite to match

Author: bruugey

.changeset/warm-groups-fly.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/toast': patch
+---
+
+Updates the Toast Icon to be labeled for screen readers

packages/toast/src/InternalToast/InternalToast.spec.tsx

@@ -93,11 +93,11 @@ describe('packages/toast/internal-toast', () => {
 
     describe('the correct icon is rendered', () => {
       const expectedVariantIcons: Record<Variant, string> = {
-        [Variant.Success]: 'Checkmark With Circle Icon',
-        [Variant.Note]: 'Info With Circle Icon',
-        [Variant.Warning]: 'Warning Icon',
-        [Variant.Important]: 'Important With Circle Icon',
-        [Variant.Progress]: 'Refresh Icon',
+        [Variant.Success]: 'success notification',
+        [Variant.Note]: 'note notification',
+        [Variant.Warning]: 'warning notification',
+        [Variant.Important]: 'important notification',
+        [Variant.Progress]: 'progress notification',
       };
 
       test.each(Object.values(Variant) as Array<Variant>)(

packages/toast/src/InternalToast/InternalToast.tsx

@@ -100,7 +100,8 @@ export const InternalToast = React.forwardRef<
             })}
           >
             <VariantIcon
-              aria-hidden
+              role="img"
+              aria-label={`${variant} notification`}
               className={cx(baseIconStyle, iconThemeStyle[theme])}
               size={32}
             />