aria-label part of button label

[BigBuckBunny]

Hi,

I copied your code you can see improperly placed.

<button type="button" class="cookieConsent__Button" on:click={() => { settingsShown = true } }> {settingsLabel} aria-label={settingsLabel} <<<<<<<===================

Thanks

Pierre

[FranckPiazza]

Hi,

the same issue for me

Thanks

[BigBuckBunny]

@FranckPiazza while waiting for the fix I modified the source in my projects:

node_modules/@beyonk/gdpr-cookie-consent-banner/src/components/Banner.svelte

just move the line of code up above the on:click.

By the way, do your buttons show up properly on mobile?

Later

[FranckPiazza]

I can't update your file, I use a CI for deployement with npm i & run build with webpackjs.

The butfix do not works for me.

I have set the config name like this :

acceptLabel: 'Accepter',
rejectLabel: 'Refuser & continuer',
settingsLabel: 'Préferences',
closeLabel: 'Fermer',

No modification on the button the render source code :

<button type="button" class="cookieConsent__Button">Cookie settings aria-label=Cookie settings</button>

No issue with 9.0.4 version but still here in 9.1.0 version

[antony]

solved - I screwed this up by accident. I'll release a new version imminently.

[antony]

Solved in v9.1.1

thanks to @yassinrais