feat(vwc-banner): add aria live polite

[rinaok]

Description

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[github-actions]

🚀

Latest successful build of the PR deployed here.

🚀

[yinonov]

banner repeats the text on 1st open
reproduce:

1. open banner basic story
2. open screen reader
3. click close on banner
4. when banner opens it will pronounce the message twice

[yinonov]

why dont we just import the material accessible snackbar directive?

[yinonov]

@Vonage/vivid-core any takes on testing screen readers behavior?

[rinaok]

banner repeats the text on 1st open reproduce:

1. open banner basic story
2. open screen reader
3. click close on banner
4. when banner opens it will pronounce the message twice

why dont we just import the material accessible snackbar directive?

We can import the material accessible snackbar directive, I didn't do it at first as I thought that we might need to make some adjustments, but it works as is.

The repeated text only occurs in the basic story.
Additionally, it is occurring with material's imported class as well as without directives.
It does not occur when you simply toggle the open property in controls.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication