etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/connection/InstallationGuide.tsx
View File

@@ -197,6 +197,7 @@ export default function InstallationGuide({
{!isTelegramWebApp && ( {!isTelegramWebApp && (
<button <button
onClick={onGoBack} 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" 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 /> <BackIcon />
@@ -208,6 +209,7 @@ export default function InstallationGuide({
{appConfig.subscriptionUrl && onOpenQR && ( {appConfig.subscriptionUrl && onOpenQR && (
<button <button
onClick={() => onOpenQR()} 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" 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 <svg

1
src/pages/Subscription.tsx
View File

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