diff --git a/web/i18n/en/a11y/donate.json b/web/i18n/en/a11y/donate.json new file mode 100644 index 00000000..625eee91 --- /dev/null +++ b/web/i18n/en/a11y/donate.json @@ -0,0 +1,4 @@ +{ + "share.qr.expand": "qr code. press to expand.", + "share.qr.collapse": "expanded qr code. press to collapse." +} diff --git a/web/src/components/donate/DonateShareCard.svelte b/web/src/components/donate/DonateShareCard.svelte index 99be5eee..5bece3ce 100644 --- a/web/src/components/donate/DonateShareCard.svelte +++ b/web/src/components/donate/DonateShareCard.svelte @@ -40,6 +40,9 @@ on:click={() => { expanded = !expanded; }} + aria-label={$t( + `a11y.donate.share.qr.${expanded ? "collapse" : "expand"}` + )} > @@ -228,7 +231,8 @@ :global(#share-box.expanded) { margin-bottom: unset; z-index: unset; - box-shadow: 0 0 0 2px rgba(255, 255, 255, var(--donate-border-opacity)) inset; + box-shadow: 0 0 0 2px + rgba(255, 255, 255, var(--donate-border-opacity)) inset; transition: none; } }