Environment

• Operating System: Windows_NT
• Node Version: v22.11.0
• Nuxt Version: 3.14.0
• CLI Version: 3.17.2
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], @dargmuesli/[email protected], @pinia/[email protected]
• Build Modules: -

Version

v2.20.0

Reproduction

https://stackblitz.com/edit/nuxt-ui-dbszxsce?file=app.vue

Description

When I ran chrome lighthouse, the results showed that the breadcrumb section was detected as not complying with the recommendation.

I'm using icon only without label with defined to at first of Links array, to make it more descriptive as lighthouse said, i pass 'aria-label' property and its value to object of Links, at first i thought it would work because as the documentation said about Breadcrumb:

You can also pass any property from the NuxtLink component such as to, exact, etc.
Reference: https://ui.nuxt.com/components/breadcrumb#usage

well the attrbute is not rendered, but if i pass ariaLabel property, the attribute is rendered correctly (with - symbol) Without reloading or HMR triggered, , and if the page refreshed, it's broken (- symbol missing)

Note: i always apply it to every NuxtLink though, aria-label is working as expected

Is there any such way to apply aria-label without 'label' on object of the links?

Additional context

attribute rendered as expected (HMR trigger)

dash symbol is missing after page reload