Accessibility Audit: menu element has ARIA attributes that are not supported by its role (list): aria-expanded

[andrii-bodnar]

Hello 👋

Thanks for this great project!

The built-in Astro Accessibility Audit (Dev Toolbar) complains about the <Dropdown> navbar component with the following message:

menu element has ARIA attributes that are not supported by its role (list): aria-expanded

Is this something that should be fixed on the library side or in the client code?

[surjithctly]

Can you open /node_modules/astro-navbar/src/components/Dropdown.astro file and add role="menu" to the <menu> tag and save the file? Now restart the server and see if the issue is fixed or not.

[andrii-bodnar]

@surjithctly thanks for the quick reply!

I added the role="menu" attribute and now the warning changed:

Interactive ARIA role used on non-interactive HTML element.

Interactive roles should not be used to convert a non-interactive element to an interactive element