aria-expanded is meant to be used with button, or some other role. It is currently be added to the parent div with no role making the attribute ineffective.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded#associated_roles

Moving the aria-expanded to the button that does the expanding will provide better accessibility to those using screen readers.

Environment

Vuetify Version: 2.6.4
Vue Version: 2.6.13
Browsers: Chrome 98.0.4758.102
OS: Linux x86_64

Steps to reproduce

• Click on "Dropdown" button, the menu is shown under the button;
• Click on "Toggle Menu" twice;
• Click on "Dropdown" button, the menu is shown somewhere at the left;

Expected Behavior

It should work in a stable way. Menu should be

Is your feature request related to a problem? Please Describe.

Add accessibilityHint and accessibilityLabel support to ButtonGroup buttons. Currently when I try to pass in a custom button component like this to the ButtonGroup buttons prop:

const buttons = [
  (
    <Text
      accessibilityHint={translate('ARIA HINT - Tap to search by podcast title')}
      accessibilityLabel={

https://vuestic.epicmax.co/admin/ui/notifications

Alert can't be closed because it has not modelValue.

Need to make similar demo like in docs https://vuestic.dev/en/ui-elements/alert#closeable

See this discussion: epicmaxco/vuestic-ui#1626

What problem does this feature solve?

Sonar issue as per https://sonarqube.sgp.dbs.com:8443/coding_rules?open=Web%3ABoldAndItalicTagsCheck&rule_key=Web%3ABoldAndItalicTagsCheck

What does the proposed API look like?

Please replace the article to use tag instead of for the icons which reduces developer effort to fix sonarqube issues post code scan.<!-- generated by ng-zorro-issue

🐛 Bug Report

In my next.js where I'm adding in React Spectrum, I placed the <Provider/> in my /pages/_app.tsx:

<SSRProvider>
  <Provider>
    {/* ... */}
  </Provider>
</SSRProvider>