Allow for text alternative to be passed into icon in calcite-notice and calcite-alert

[FelFly]

Check existing issues

• I have checked for existing issues to avoid duplicates

Summary

As color alone cannot be used to communicate status, our design team typically uses an icon on notices or alerts that belong to kind: success, danger, warning. However, the icon in the notice / alert does not allow us to pass in an accessible label, which was requested on a recent Hub accessibility audit. Our work-around is putting the status into the actual message as a string, but ideally, we'd be able to combine the inclusion of an icon with that status, so that the main message of the component can be consolidated.

Actual Behavior

The icons included on the notices and alerts are set to aria-hidden="true" and we cannot change them.

Expected Behavior

We'd like to be able to pass a simple status label onto icons included in success, danger, and warning style notices and alerts, such as success, warning, error, attention.

Reproduction Sample

https://developers.arcgis.com/calcite-design-system/components/notice/

Reproduction Steps

1. In either Notice or Alert, set an icon
2. Navigate component via screen-reader

Reproduction Version

v2.12.2

Working W3C Example/Tutorial

No response

Relevant Info

No response

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Hub