Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UBreadcrumb wont render aria attribute #3007

Open
rachyharkov opened this issue Jan 3, 2025 · 1 comment
Open

UBreadcrumb wont render aria attribute #3007

rachyharkov opened this issue Jan 3, 2025 · 1 comment
Labels
bug Something isn't working triage

Comments

@rachyharkov
Copy link

rachyharkov commented Jan 3, 2025

Environment

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)
attribute rendered as expected (HMR trigger)

dash symbol is missing after page reload
dash symbol is missing after page reload

@rachyharkov rachyharkov added bug Something isn't working triage labels Jan 3, 2025
@teajaymars
Copy link

Was about to post the same bug. aria-label is rendered as arialabel in SSR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working triage
Projects
None yet
Development

No branches or pull requests

2 participants