mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
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:
@@ -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
|
||||
|
||||
@@ -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 />}
|
||||
|
||||
Reference in New Issue
Block a user