CalciteButton: aria-expanded not being read by screenreader

[phenderson00]

Summary

Screenreader does not indicate to user that button is expandable despite aria-expanded being properly set on the calcite-button component.

Actual Behavior

We are using a calcite-popover with a calcite-button as its reference element. When the button gets focus, the button label and "button" are read by the screenreader but "expandable" is not read aloud. I can see in the Dev Tools that the aria-expanded state is being correctly updated on the button.

Expected Behavior

The expectation is that after reading the button label and "button", the screenreader will read "expandable" (or something to that effect) to indicate to the user that clicking the button will reveal more content, a calcite-popover in this case.

Reproduction Sample

https://codesandbox.io/s/calcite-button-aria-expanded-not-read-by-screenreader-oh4y6s?file=/src/App.js

Reproduction Steps

1. Turn on screenreader
2. Tab until focus arrives at button
3. Hear "Any age groups, button" be read

Reproduction Version

0.35.0

Working W3C Example/Tutorial

No response

Relevant Info

Windows 10, Chrome 108.0.5359.99, Narrator, JAWS

Regression?

No response

Esri team

Professional Services - Midwest Delivery Center