fix(a11y): aria-label on icon-only buttons (Subscription copy + InstallationGuide back/QR)

Subscription copy-URL button only had a title attribute; back and QR-open buttons in
InstallationGuide had no accessible name. Add aria-label so screen readers announce
the action (WCAG 2.4.6).
This commit is contained in:
c0mrade
2026-05-26 12:06:15 +03:00
parent 0b07af82d4
commit 9f06526238
2 changed files with 3 additions and 0 deletions

View File

@@ -197,6 +197,7 @@ export default function InstallationGuide({
{!isTelegramWebApp && (
<button
onClick={onGoBack}
aria-label={t('common.back', 'Back')}
className="flex h-10 w-10 items-center justify-center rounded-xl border border-dark-700 bg-dark-800 transition-colors hover:border-dark-600"
>
<BackIcon />
@@ -208,6 +209,7 @@ export default function InstallationGuide({
{appConfig.subscriptionUrl && onOpenQR && (
<button
onClick={() => onOpenQR()}
aria-label={t('subscription.connection.openQr', 'Open QR code')}
className="flex h-10 w-10 items-center justify-center rounded-xl border border-dark-700 bg-dark-800 text-dark-200 transition-colors hover:border-dark-600"
>
<svg

View File

@@ -1023,6 +1023,7 @@ export default function Subscription() {
: `1px solid ${g.trackBg}`,
color: copied ? 'rgb(var(--color-accent-400))' : g.textMuted,
}}
aria-label={t('subscription.copyLink')}
title={t('subscription.copyLink')}
>
{copied ? <CheckIcon /> : <CopyIcon />}